@sjsf/skeleton-theme 2.0.0-next.8 → 2.0.0
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/components/button.svelte +24 -12
- package/dist/components/description.svelte +2 -6
- package/dist/components/errors-list.svelte +5 -7
- package/dist/components/form.svelte +2 -4
- package/dist/components/help.svelte +2 -6
- package/dist/components/label.svelte +2 -7
- package/dist/components/layout.svelte +2 -10
- package/dist/components/submit-button.svelte +3 -8
- package/dist/components/title.svelte +2 -3
- package/dist/extra-widgets/checkboxes.svelte +1 -8
- package/dist/extra-widgets/date-picker.svelte +5 -11
- package/dist/extra-widgets/file.svelte +5 -14
- package/dist/extra-widgets/multi-select.svelte +6 -11
- package/dist/extra-widgets/radio.svelte +1 -9
- package/dist/extra-widgets/range.svelte +1 -12
- package/dist/extra-widgets/textarea.svelte +2 -11
- package/dist/index.d.ts +1 -1
- package/dist/specs.js +18 -2
- package/dist/styles.css +1 -1
- package/dist/widgets/checkbox.svelte +1 -11
- package/dist/widgets/number.svelte +1 -10
- package/dist/widgets/select.svelte +1 -9
- package/dist/widgets/text.svelte +2 -10
- package/package.json +12 -28
package/README.md
CHANGED
|
@@ -1,22 +1,34 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
3
|
+
import {
|
|
4
|
+
composeProps,
|
|
5
|
+
disabledProp,
|
|
6
|
+
getFormContext,
|
|
7
|
+
uiOptionNestedProps,
|
|
8
|
+
uiOptionProps,
|
|
9
|
+
type ComponentProps
|
|
10
|
+
} from '@sjsf/form';
|
|
3
11
|
import '@sjsf/basic-theme/components/button.svelte';
|
|
4
12
|
|
|
5
13
|
const { children, onclick, config, disabled, type }: ComponentProps['button'] = $props();
|
|
6
14
|
|
|
7
15
|
const ctx = getFormContext();
|
|
8
|
-
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
defineDisabled(ctx, {
|
|
11
|
-
disabled,
|
|
12
|
-
...config.uiOptions?.button,
|
|
13
|
-
...config.uiOptions?.buttons?.[type],
|
|
14
|
-
...ctx.extraUiOptions?.('button', config),
|
|
15
|
-
...ctx.extraUiOptions?.('buttons', config)?.[type]
|
|
16
|
-
})
|
|
17
|
-
);
|
|
18
16
|
</script>
|
|
19
17
|
|
|
20
|
-
<button
|
|
18
|
+
<button
|
|
19
|
+
class="btn preset-filled"
|
|
20
|
+
{...composeProps(
|
|
21
|
+
ctx,
|
|
22
|
+
config,
|
|
23
|
+
{
|
|
24
|
+
type: 'button',
|
|
25
|
+
disabled,
|
|
26
|
+
onclick
|
|
27
|
+
} satisfies HTMLButtonAttributes,
|
|
28
|
+
uiOptionProps('button'),
|
|
29
|
+
uiOptionNestedProps('buttons', (b) => b[type]),
|
|
30
|
+
disabledProp
|
|
31
|
+
)}
|
|
32
|
+
>
|
|
21
33
|
{@render children()}
|
|
22
34
|
</button>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { descriptionAttributes, getFormContext, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/description.svelte';
|
|
4
4
|
|
|
5
5
|
const { description, config }: ComponentProps['description'] = $props();
|
|
@@ -7,10 +7,6 @@
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<div
|
|
11
|
-
class="opacity-60"
|
|
12
|
-
{...config.uiOptions?.descriptionAttributes}
|
|
13
|
-
{...ctx.extraUiOptions?.('descriptionAttributes', config)}
|
|
14
|
-
>
|
|
10
|
+
<div class="opacity-60" {...descriptionAttributes(ctx, config, 'descriptionAttributes', {})}>
|
|
15
11
|
{description}
|
|
16
12
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { errorsListAttributes, getFormContext, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/errors-list.svelte';
|
|
4
4
|
|
|
5
5
|
const { errors, config }: ComponentProps['errorsList'] = $props();
|
|
@@ -7,13 +7,11 @@
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<
|
|
11
|
-
class="text-error-500"
|
|
12
|
-
|
|
13
|
-
{...config.uiOptions?.errorsList}
|
|
14
|
-
{...ctx.extraUiOptions?.('errorsList', config)}
|
|
10
|
+
<ul
|
|
11
|
+
class="text-error-500 list-disc list-inside"
|
|
12
|
+
{...errorsListAttributes(ctx, config, 'errorsList', {})}
|
|
15
13
|
>
|
|
16
14
|
{#each errors as err}
|
|
17
15
|
<li>{err.message}</li>
|
|
18
16
|
{/each}
|
|
19
|
-
</
|
|
17
|
+
</ul>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { enhance, getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { enhance, formAttributes, getFormContext, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/form.svelte';
|
|
4
4
|
|
|
5
5
|
let { config, children, ref = $bindable(), attributes }: ComponentProps['form'] = $props();
|
|
@@ -11,9 +11,7 @@
|
|
|
11
11
|
bind:this={ref}
|
|
12
12
|
use:enhance={ctx}
|
|
13
13
|
class="flex flex-col gap-4"
|
|
14
|
-
{...config
|
|
15
|
-
{...ctx.extraUiOptions?.('form', config)}
|
|
16
|
-
{...attributes}
|
|
14
|
+
{...formAttributes(ctx, config, 'form', attributes, {})}
|
|
17
15
|
>
|
|
18
16
|
{@render children?.()}
|
|
19
17
|
</form>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { getFormContext, helpAttributes, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/help.svelte';
|
|
4
4
|
|
|
5
5
|
const { help, config }: ComponentProps['help'] = $props();
|
|
@@ -7,10 +7,6 @@
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<div
|
|
11
|
-
class="opacity-60"
|
|
12
|
-
{...config.uiOptions?.helpAttributes}
|
|
13
|
-
{...ctx.extraUiOptions?.('helpAttributes', config)}
|
|
14
|
-
>
|
|
10
|
+
<div class="opacity-60" {...helpAttributes(ctx, config, 'helpAttributes', {})}>
|
|
15
11
|
{help}
|
|
16
12
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { getFormContext, labelAttributes, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/label.svelte';
|
|
4
4
|
|
|
5
5
|
const { title, config }: ComponentProps['label'] = $props();
|
|
@@ -7,12 +7,7 @@
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<label
|
|
11
|
-
class="label-text"
|
|
12
|
-
for={config.id}
|
|
13
|
-
{...config.uiOptions?.labelAttributes}
|
|
14
|
-
{...ctx.extraUiOptions?.('labelAttributes', config)}
|
|
15
|
-
>
|
|
10
|
+
<label class="label-text" {...labelAttributes(ctx, config, 'labelAttributes', { })}>
|
|
16
11
|
{title}
|
|
17
12
|
{#if config.required}
|
|
18
13
|
<span>*</span>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { getFormContext, layoutAttributes, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/layout.svelte';
|
|
4
4
|
|
|
5
5
|
const { type, children, config }: ComponentProps['layout'] = $props();
|
|
@@ -24,13 +24,6 @@
|
|
|
24
24
|
);
|
|
25
25
|
|
|
26
26
|
const ctx = getFormContext();
|
|
27
|
-
|
|
28
|
-
const attributes = $derived({
|
|
29
|
-
...config.uiOptions?.layout,
|
|
30
|
-
...config.uiOptions?.layouts?.[type],
|
|
31
|
-
...ctx.extraUiOptions?.('layout', config),
|
|
32
|
-
...ctx.extraUiOptions?.('layouts', config)?.[type]
|
|
33
|
-
});
|
|
34
27
|
</script>
|
|
35
28
|
|
|
36
29
|
<div
|
|
@@ -40,8 +33,7 @@
|
|
|
40
33
|
class:items-start={isItemOrControls}
|
|
41
34
|
class:grow={isGrowable}
|
|
42
35
|
class:flex-col={isColumn || isField}
|
|
43
|
-
|
|
44
|
-
{...attributes}
|
|
36
|
+
{...layoutAttributes(ctx, config, 'layout', 'layouts', type, {})}
|
|
45
37
|
>
|
|
46
38
|
{@render children()}
|
|
47
39
|
</div>
|
|
@@ -1,19 +1,14 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import { buttonAttributes, getFormContext, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/submit-button.svelte';
|
|
4
4
|
|
|
5
5
|
const { children, config }: ComponentProps['submitButton'] = $props();
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
defineDisabled(ctx, {
|
|
11
|
-
...config.uiOptions?.submitButton,
|
|
12
|
-
...ctx.extraUiOptions?.('submitButton', config)
|
|
13
|
-
})
|
|
14
|
-
);
|
|
9
|
+
const attributes = $derived(buttonAttributes(ctx, config, 'submitButton', 'submit', {}));
|
|
15
10
|
</script>
|
|
16
11
|
|
|
17
|
-
<button class="btn preset-filled preset-filled-primary-500 w-full"
|
|
12
|
+
<button class="btn preset-filled preset-filled-primary-500 w-full" {...attributes}>
|
|
18
13
|
{@render children()}
|
|
19
14
|
</button>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getFormContext, type ComponentProps } from '@sjsf/form';
|
|
2
|
+
import { getFormContext, titleAttributes, type ComponentProps } from '@sjsf/form';
|
|
3
3
|
import '@sjsf/basic-theme/components/title.svelte';
|
|
4
4
|
|
|
5
5
|
const { title, type, config }: ComponentProps['title'] = $props();
|
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
<div
|
|
11
11
|
class={type === 'field' ? 'label-text' : 'font-bold text-xl'}
|
|
12
|
-
{...config
|
|
13
|
-
{...ctx.extraUiOptions?.('titleAttributes', config)}
|
|
12
|
+
{...titleAttributes(ctx, config, 'titleAttributes', {})}
|
|
14
13
|
>
|
|
15
14
|
{title}
|
|
16
15
|
</div>
|
|
@@ -19,20 +19,13 @@
|
|
|
19
19
|
const ctx = getFormContext();
|
|
20
20
|
|
|
21
21
|
const attributes = $derived(
|
|
22
|
-
inputAttributes(
|
|
23
|
-
ctx,
|
|
24
|
-
config,
|
|
25
|
-
handlers,
|
|
26
|
-
config.uiOptions?.checkboxes,
|
|
27
|
-
ctx.extraUiOptions?.('checkbox', config)
|
|
28
|
-
)
|
|
22
|
+
inputAttributes(ctx, config, 'checkboxes', handlers, { type: 'checkbox' })
|
|
29
23
|
);
|
|
30
24
|
</script>
|
|
31
25
|
|
|
32
26
|
{#each options as option, index (option.id)}
|
|
33
27
|
<label class="flex items-center space-x-2 cursor-pointer">
|
|
34
28
|
<input
|
|
35
|
-
type="checkbox"
|
|
36
29
|
class="checkbox"
|
|
37
30
|
bind:group={mapped.value}
|
|
38
31
|
value={index}
|
|
@@ -5,16 +5,10 @@
|
|
|
5
5
|
let { value = $bindable(), config, handlers }: ComponentProps['datePickerWidget'] = $props();
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
|
-
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
inputAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.datePicker,
|
|
15
|
-
ctx.extraUiOptions?.('datePicker', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
8
|
</script>
|
|
19
9
|
|
|
20
|
-
<input
|
|
10
|
+
<input
|
|
11
|
+
bind:value
|
|
12
|
+
class="input"
|
|
13
|
+
{...inputAttributes(ctx, config, 'datePicker', handlers, { type: 'date' })}
|
|
14
|
+
/>
|
|
@@ -12,24 +12,15 @@
|
|
|
12
12
|
}: ComponentProps['fileWidget'] = $props();
|
|
13
13
|
|
|
14
14
|
const ctx = getFormContext();
|
|
15
|
-
|
|
16
|
-
const attributes = $derived(
|
|
17
|
-
inputAttributes(
|
|
18
|
-
ctx,
|
|
19
|
-
config,
|
|
20
|
-
handlers,
|
|
21
|
-
config.uiOptions?.file,
|
|
22
|
-
ctx.extraUiOptions?.('file', config)
|
|
23
|
-
)
|
|
24
|
-
);
|
|
25
15
|
</script>
|
|
26
16
|
|
|
27
17
|
<input
|
|
28
18
|
type="file"
|
|
29
19
|
bind:files={value}
|
|
30
|
-
{multiple}
|
|
31
20
|
class="input"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
21
|
+
{...inputAttributes(ctx, config, 'file', handlers, {
|
|
22
|
+
multiple,
|
|
23
|
+
'data-loading': loading,
|
|
24
|
+
'data-processing': processing
|
|
25
|
+
})}
|
|
35
26
|
/>
|
|
@@ -12,16 +12,6 @@
|
|
|
12
12
|
|
|
13
13
|
const ctx = getFormContext();
|
|
14
14
|
|
|
15
|
-
const attributes = $derived(
|
|
16
|
-
selectAttributes(
|
|
17
|
-
ctx,
|
|
18
|
-
config,
|
|
19
|
-
handlers,
|
|
20
|
-
config.uiOptions?.multiSelect,
|
|
21
|
-
ctx.extraUiOptions?.('multiSelect', config)
|
|
22
|
-
)
|
|
23
|
-
);
|
|
24
|
-
|
|
25
15
|
const mapped = $derived(
|
|
26
16
|
multipleOptions({
|
|
27
17
|
mapper: () => indexMapper(options),
|
|
@@ -31,7 +21,12 @@
|
|
|
31
21
|
);
|
|
32
22
|
</script>
|
|
33
23
|
|
|
34
|
-
<select
|
|
24
|
+
<select
|
|
25
|
+
multiple
|
|
26
|
+
bind:value={mapped.value}
|
|
27
|
+
class="select"
|
|
28
|
+
{...selectAttributes(ctx, config, 'select', handlers, {})}
|
|
29
|
+
>
|
|
35
30
|
{#each options as option, index (option.id)}
|
|
36
31
|
<option value={index} disabled={option.disabled}>
|
|
37
32
|
{option.label}
|
|
@@ -13,15 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
const ctx = getFormContext();
|
|
15
15
|
|
|
16
|
-
const attributes = $derived(
|
|
17
|
-
inputAttributes(
|
|
18
|
-
ctx,
|
|
19
|
-
config,
|
|
20
|
-
handlers,
|
|
21
|
-
config.uiOptions?.radio,
|
|
22
|
-
ctx.extraUiOptions?.('radio', config)
|
|
23
|
-
)
|
|
24
|
-
);
|
|
16
|
+
const attributes = $derived(inputAttributes(ctx, config, 'radio', handlers, {}));
|
|
25
17
|
</script>
|
|
26
18
|
|
|
27
19
|
{#each options as option, index (option.id)}
|
|
@@ -5,21 +5,10 @@
|
|
|
5
5
|
let { value = $bindable(), config, handlers }: ComponentProps['rangeWidget'] = $props();
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
|
-
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
inputAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.range,
|
|
15
|
-
ctx.extraUiOptions?.('range', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
8
|
</script>
|
|
19
9
|
|
|
20
10
|
<input
|
|
21
|
-
type="range"
|
|
22
11
|
bind:value={() => value ?? 0, (v) => (value = v)}
|
|
23
12
|
class="range grow w-0"
|
|
24
|
-
{...
|
|
13
|
+
{...inputAttributes(ctx, config, 'range', handlers, { type: 'range' })}
|
|
25
14
|
/>
|
|
@@ -5,16 +5,7 @@
|
|
|
5
5
|
let { value = $bindable(), config, handlers }: ComponentProps['textareaWidget'] = $props();
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
|
-
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
textareaAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.textarea,
|
|
15
|
-
ctx.extraUiOptions?.('textarea', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
8
|
</script>
|
|
19
9
|
|
|
20
|
-
<textarea bind:value class="textarea" {...
|
|
10
|
+
<textarea bind:value class="textarea" {...textareaAttributes(ctx, config, 'textarea', handlers, {})}
|
|
11
|
+
></textarea>
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField" | keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields, any>, Record<"form" | "
|
|
1
|
+
export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField" | keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields | "titleWithIndex" | "generateNewKey" | "createAdditionalPropertyKey" | "createOriginalKeysOrder", any>, Record<"form" | "submitButton" | "fieldTemplate" | "objectTemplate" | "objectPropertyTemplate" | "arrayTemplate" | "arrayItemTemplate" | "multiFieldTemplate" | "button" | "layout" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | "title" | "label" | "description" | "help" | "errorsList" | keyof import("./definitions").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields>, typeof import("@sjsf/form/templates/exports") & typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions").ExtraWidgets>>>;
|
package/dist/specs.js
CHANGED
|
@@ -8,8 +8,24 @@ import './extra-widgets/range-include';
|
|
|
8
8
|
import './extra-widgets/textarea-include';
|
|
9
9
|
export const specs = {
|
|
10
10
|
datePicker: [s.text, { 'ui:components': { textWidget: 'datePickerWidget' } }],
|
|
11
|
-
multiSelect: [
|
|
12
|
-
|
|
11
|
+
multiSelect: [
|
|
12
|
+
s.uniqueArray,
|
|
13
|
+
{
|
|
14
|
+
'ui:components': {
|
|
15
|
+
arrayField: 'multiEnumField',
|
|
16
|
+
checkboxesWidget: 'multiSelectWidget'
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
],
|
|
20
|
+
radio: [
|
|
21
|
+
s.enumeration,
|
|
22
|
+
{
|
|
23
|
+
'ui:components': {
|
|
24
|
+
stringField: 'enumField',
|
|
25
|
+
selectWidget: 'radioWidget'
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
],
|
|
13
29
|
range: [s.number, { 'ui:components': { numberWidget: 'rangeWidget' } }],
|
|
14
30
|
textarea: [s.text, { 'ui:components': { textWidget: 'textareaWidget' } }]
|
|
15
31
|
};
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.container.svelte-cnhr4o{display:inline-block;transform:translate(calc(0px - var(--li-identation)),-50%);position:absolute;top:50%;padding-right:100%}.arrow.svelte-cnhr4o{transform-origin:25% 50%;position:relative;line-height:1.1em;font-size:.75em;margin-left:0;transition:.15s;color:var(--arrow-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;display:block}.expanded.svelte-cnhr4o{transform:rotate(90deg) translate(-3px)}.root.svelte-19drypg{display:inline-block;position:relative}.indent.svelte-19drypg{padding-left:var(--li-identation)}.label.svelte-19drypg{position:relative}.comma.svelte-150ffaa{margin-left:-.5em;margin-right:.5em}.Date.svelte-l95iub{color:var(--date-color)}.BigInt.svelte-l95iub,.Number.svelte-l95iub{color:var(--number-color)}.Boolean.svelte-l95iub{color:var(--boolean-color)}.Null.svelte-l95iub{color:var(--null-color)}.Undefined.svelte-l95iub{color:var(--undefined-color)}.Symbol.svelte-l95iub{color:var(--symbol-color)}.indent.svelte-1u08yw6{padding-left:var(--li-identation)}span.svelte-1fvwa9c{color:var(--string-color);word-break:break-all;word-wrap:break-word}.i.svelte-1eamqdt{font-style:italic}.fn.svelte-1eamqdt,.i.svelte-1eamqdt{color:var(--function-color)}.regex.svelte-17k1wqt{color:var(--regex-color)}span.svelte-jzynja{--string-color: var(--json-tree-string-color, #cb3f41);--symbol-color: var(--json-tree-symbol-color, #cb3f41);--boolean-color: var(--json-tree-boolean-color, #112aa7);--function-color: var(--json-tree-function-color, #112aa7);--number-color: var(--json-tree-number-color, #3029cf);--label-color: var(--json-tree-label-color, #871d8f);--property-color: var(--json-tree-property-color, #000000);--arrow-color: var(--json-tree-arrow-color, #727272);--operator-color: var(--json-tree-operator-color, #727272);--null-color: var(--json-tree-null-color, #8d8d8d);--undefined-color: var(--json-tree-undefined-color, #8d8d8d);--date-color: var(--json-tree-date-color, #8d8d8d);--internal-color: var(--json-tree-internal-color, grey);--regex-color: var(--json-tree-regex-color, var(--string-color));--li-identation: var(--json-tree-li-indentation, 1em);--li-line-height: var(--json-tree-li-line-height, 1.3);font-size:var(--json-tree-font-size, 12px);font-family:var(--json-tree-font-family, "Courier New", Courier, monospace)}span.svelte-jzynja li{line-height:var(--li-line-height);display:var(--li-display, list-item);list-style:none}span.svelte-jzynja,span.svelte-jzynja ul{padding:0;margin:0}.expandable.svelte-jzynja{margin-left:var(--li-identation)}span.svelte-jzynja{cursor:default}span.svelte-jzynja .label{color:var(--label-color)}span.svelte-jzynja .property{color:var(--property-color)}span.svelte-jzynja .internal{color:var(--internal-color)}span.svelte-jzynja .operator{color:var(--operator-color)}span.svelte-jzynja>span:where(.svelte-jzynja){white-space:pre-wrap}.code.svelte-1tr05uz{height:30vh;overflow-y:auto;position:sticky;top:0;background-color:#fff;z-index:50;border-bottom:1px solid #e5e7eb;padding-top:.5rem;padding-bottom:.5rem;margin-bottom:1rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}body{background-color:rgb(var(--body-background-color))}body:where(.dark,.dark *){background-color:rgb(var(--body-background-color-dark))}body{color:rgb(var(--base-font-color))}body:where(.dark,.dark *){color:rgb(var(--base-font-color-dark))}body{font-family:var(--base-font-family);font-size:var(--base-font-size);font-style:var(--base-font-style);font-weight:var(--base-font-weight);line-height:var(--base-line-height);letter-spacing:var(--base-letter-spacing)}::-moz-selection{background-color:rgb(var(--color-primary-500) / .3)}::selection{background-color:rgb(var(--color-primary-500) / .3)}html{-webkit-tap-highlight-color:rgba(128,128,128,.5)}:root{scrollbar-color:rgba(128,128,128,.5) rgba(0,0,0,.1);scrollbar-width:thin}.disabled,button:disabled{pointer-events:none;opacity:.5}:host [data-theme=cerberus]{--space-scale-factor: 1;--type-scale-factor: 1.067;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: system-ui;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: inherit;--heading-font-color-dark: inherit;--heading-font-family: inherit;--heading-font-weight: bold;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-primary-500);--anchor-font-color-dark: var(--color-primary-400);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: inherit;--anchor-font-style: inherit;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--radii-default: 6px;--radii-container: 6px;--border-width-default: 1px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--color-primary-50: 211 229 255;--color-primary-100: 169 206 253;--color-primary-200: 127 182 250;--color-primary-300: 85 159 248;--color-primary-400: 43 135 245;--color-primary-500: 1 112 243;--color-primary-600: 3 97 210;--color-primary-700: 4 83 178;--color-primary-800: 6 68 145;--color-primary-900: 7 54 113;--color-primary-950: 9 39 80;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 216 204 241;--color-secondary-100: 197 171 233;--color-secondary-200: 178 138 225;--color-secondary-300: 159 106 218;--color-secondary-400: 140 73 210;--color-secondary-500: 121 40 202;--color-secondary-600: 107 37 182;--color-secondary-700: 93 34 163;--color-secondary-800: 78 31 143;--color-secondary-900: 64 28 124;--color-secondary-950: 50 25 104;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: var(--color-secondary-50);--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-light);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 255 206 251;--color-tertiary-100: 255 165 226;--color-tertiary-200: 255 124 202;--color-tertiary-300: 255 82 177;--color-tertiary-400: 255 41 153;--color-tertiary-500: 255 0 128;--color-tertiary-600: 228 0 116;--color-tertiary-700: 200 0 104;--color-tertiary-800: 173 0 91;--color-tertiary-900: 145 0 79;--color-tertiary-950: 118 0 67;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: var(--color-tertiary-50);--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-light);--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 170 255 236;--color-success-100: 152 249 228;--color-success-200: 134 244 219;--color-success-300: 116 238 211;--color-success-400: 98 233 202;--color-success-500: 80 227 194;--color-success-600: 65 191 164;--color-success-700: 50 155 133;--color-success-800: 35 118 103;--color-success-900: 20 82 72;--color-success-950: 5 46 42;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: var(--color-success-50);--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-dark);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 255 239 207;--color-warning-100: 253 228 183;--color-warning-200: 252 217 158;--color-warning-300: 250 207 134;--color-warning-400: 249 196 109;--color-warning-500: 247 185 85;--color-warning-600: 230 163 69;--color-warning-700: 213 142 53;--color-warning-800: 195 120 37;--color-warning-900: 178 99 21;--color-warning-950: 161 77 5;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 247 212 214;--color-error-100: 246 182 181;--color-error-200: 245 152 149;--color-error-300: 245 123 116;--color-error-400: 244 93 84;--color-error-500: 243 63 51;--color-error-600: 224 50 41;--color-error-700: 205 38 31;--color-error-800: 186 25 20;--color-error-900: 167 13 10;--color-error-950: 148 0 0;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 253 253 253;--color-surface-100: 224 224 224;--color-surface-200: 194 194 194;--color-surface-300: 163 163 163;--color-surface-400: 133 133 133;--color-surface-500: 102 102 102;--color-surface-600: 85 85 85;--color-surface-700: 68 68 68;--color-surface-800: 51 51 51;--color-surface-900: 34 34 34;--color-surface-950: 17 17 17;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-light);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=catppuccin]{--type-scale-factor: 1.125;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-700);--base-font-color-dark: var(--color-surface-50);--base-font-family: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-tertiary-500);--heading-font-color-dark: var(--color-secondary-200);--heading-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--heading-font-weight: bolder;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-secondary-600);--anchor-font-color-dark: var(--color-tertiary-400);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--space-scale-factor: 1;--radii-default: 6px;--radii-container: 12px;--border-width-default: 0px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--body-background-color: 255 255 255;--body-background-color-dark: var(--color-surface-950);--color-primary-50: 235 251 255;--color-primary-100: 211 228 255;--color-primary-200: 187 205 254;--color-primary-300: 162 181 254;--color-primary-400: 138 158 253;--color-primary-500: 114 135 253;--color-primary-600: 110 129 238;--color-primary-700: 106 123 223;--color-primary-800: 101 118 207;--color-primary-900: 97 112 192;--color-primary-950: 93 106 177;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-light);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 245 194 231;--color-secondary-100: 243 179 225;--color-secondary-200: 241 164 220;--color-secondary-300: 238 148 214;--color-secondary-400: 236 133 209;--color-secondary-500: 234 118 203;--color-secondary-600: 207 104 179;--color-secondary-700: 179 89 156;--color-secondary-800: 152 75 132;--color-secondary-900: 124 60 109;--color-secondary-950: 97 46 85;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: var(--color-secondary-50);--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-dark);--color-secondary-contrast-500: var(--color-secondary-contrast-dark);--color-secondary-contrast-600: var(--color-secondary-contrast-dark);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 148 226 213;--color-tertiary-100: 123 210 201;--color-tertiary-200: 98 194 189;--color-tertiary-300: 73 178 177;--color-tertiary-400: 48 162 165;--color-tertiary-500: 23 146 153;--color-tertiary-600: 22 130 135;--color-tertiary-700: 20 114 118;--color-tertiary-800: 19 98 100;--color-tertiary-900: 17 82 83;--color-tertiary-950: 16 66 65;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: var(--color-tertiary-50);--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 166 227 161;--color-success-100: 146 214 137;--color-success-200: 125 200 114;--color-success-300: 105 187 90;--color-success-400: 84 173 67;--color-success-500: 64 160 43;--color-success-600: 57 144 43;--color-success-700: 50 127 42;--color-success-800: 43 111 42;--color-success-900: 36 94 41;--color-success-950: 29 78 41;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: var(--color-success-50);--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-light);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 249 226 175;--color-warning-100: 244 209 146;--color-warning-200: 239 192 117;--color-warning-300: 233 176 87;--color-warning-400: 228 159 58;--color-warning-500: 223 142 29;--color-warning-600: 199 128 28;--color-warning-700: 174 115 28;--color-warning-800: 150 101 27;--color-warning-900: 125 88 27;--color-warning-950: 101 74 26;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 243 139 168;--color-error-100: 236 114 146;--color-error-200: 230 89 124;--color-error-300: 223 65 101;--color-error-400: 217 40 79;--color-error-500: 210 15 57;--color-error-600: 188 16 55;--color-error-700: 167 17 52;--color-error-800: 145 19 50;--color-error-900: 124 20 47;--color-error-950: 102 21 45;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 220 224 232;--color-surface-100: 204 208 218;--color-surface-200: 188 192 204;--color-surface-300: 172 175 189;--color-surface-400: 156 159 175;--color-surface-500: 140 143 161;--color-surface-600: 118 120 138;--color-surface-700: 96 98 115;--color-surface-800: 74 75 92;--color-surface-900: 52 53 69;--color-surface-950: 30 30 46;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-dark);--color-surface-contrast-500: var(--color-surface-contrast-dark);--color-surface-contrast-600: var(--color-surface-contrast-dark);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=pine]{--type-scale-factor: 1;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-primary-800);--heading-font-color-dark: var(--color-primary-300);--heading-font-family: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;--heading-font-weight: inherit;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-secondary-400);--anchor-font-color-dark: var(--color-secondary-100);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--space-scale-factor: 1;--radii-default: 2px;--radii-container: 2px;--border-width-default: 1px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--color-primary-50: 251 232 208;--color-primary-100: 233 211 181;--color-primary-200: 215 191 154;--color-primary-300: 197 170 128;--color-primary-400: 179 150 101;--color-primary-500: 161 129 74;--color-primary-600: 144 116 66;--color-primary-700: 126 103 58;--color-primary-800: 109 89 49;--color-primary-900: 91 76 41;--color-primary-950: 74 63 33;--color-primary-contrast-dark: 0 0 0;--color-primary-contrast-light: 255 255 255;--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 232 140 198;--color-secondary-100: 203 116 170;--color-secondary-200: 174 92 143;--color-secondary-300: 144 69 115;--color-secondary-400: 115 45 88;--color-secondary-500: 86 21 60;--color-secondary-600: 82 21 58;--color-secondary-700: 78 21 55;--color-secondary-800: 73 22 53;--color-secondary-900: 69 22 50;--color-secondary-950: 65 22 48;--color-secondary-contrast-dark: 0 0 0;--color-secondary-contrast-light: 255 255 255;--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-light);--color-secondary-contrast-400: var(--color-secondary-contrast-light);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 237 237 227;--color-tertiary-100: 217 216 206;--color-tertiary-200: 196 196 184;--color-tertiary-300: 176 175 163;--color-tertiary-400: 155 155 141;--color-tertiary-500: 135 134 120;--color-tertiary-600: 119 118 106;--color-tertiary-700: 103 102 91;--color-tertiary-800: 86 85 77;--color-tertiary-900: 70 69 62;--color-tertiary-950: 54 53 48;--color-tertiary-contrast-dark: 0 0 0;--color-tertiary-contrast-light: 255 255 255;--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 110 176 180;--color-success-100: 88 160 161;--color-success-200: 67 144 142;--color-success-300: 45 127 122;--color-success-400: 24 111 103;--color-success-500: 2 95 84;--color-success-600: 7 87 78;--color-success-700: 12 79 72;--color-success-800: 16 70 67;--color-success-900: 21 62 61;--color-success-950: 26 54 55;--color-success-contrast-dark: 0 0 0;--color-success-contrast-light: 255 255 255;--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-light);--color-success-contrast-400: var(--color-success-contrast-light);--color-success-contrast-500: var(--color-success-contrast-light);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 255 235 204;--color-warning-100: 253 223 177;--color-warning-200: 251 211 149;--color-warning-300: 248 200 122;--color-warning-400: 246 188 94;--color-warning-500: 244 176 67;--color-warning-600: 209 153 62;--color-warning-700: 175 130 57;--color-warning-800: 140 106 52;--color-warning-900: 106 83 47;--color-warning-950: 71 60 42;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 255 216 209;--color-error-100: 248 196 186;--color-error-200: 241 175 163;--color-error-300: 235 155 141;--color-error-400: 228 134 118;--color-error-500: 221 114 95;--color-error-600: 191 99 83;--color-error-700: 160 84 70;--color-error-800: 130 68 58;--color-error-900: 99 53 45;--color-error-950: 69 38 33;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 216 219 210;--color-surface-100: 195 200 187;--color-surface-200: 173 181 164;--color-surface-300: 152 163 140;--color-surface-400: 130 144 117;--color-surface-500: 109 125 94;--color-surface-600: 93 107 80;--color-surface-700: 77 89 66;--color-surface-800: 61 70 52;--color-surface-900: 45 52 38;--color-surface-950: 29 34 24;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-light);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=rose]{--space-scale-factor: 1.05;--type-scale-factor: 1.125;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-secondary-900);--heading-font-color-dark: var(--color-secondary-100);--heading-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--heading-font-weight: normal;--heading-font-style: normal;--heading-letter-spacing: .025em;--anchor-font-color: var(--color-primary-700);--anchor-font-color-dark: var(--color-primary-300);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--radii-default: 9999px;--radii-container: 24px;--border-width-default: 2px;--ring-width-default: 2px;--outline-width-default: 2px;--divide-width-default: 2px;--color-primary-50: 255 249 255;--color-primary-100: 247 224 238;--color-primary-200: 239 199 222;--color-primary-300: 232 173 205;--color-primary-400: 224 148 189;--color-primary-500: 216 123 172;--color-primary-600: 189 109 152;--color-primary-700: 162 95 132;--color-primary-800: 134 80 111;--color-primary-900: 107 66 91;--color-primary-950: 80 52 71;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-dark);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 214 199 255;--color-secondary-100: 182 172 246;--color-secondary-200: 151 144 237;--color-secondary-300: 119 117 229;--color-secondary-400: 88 89 220;--color-secondary-500: 56 62 211;--color-secondary-600: 55 60 189;--color-secondary-700: 54 58 167;--color-secondary-800: 54 57 145;--color-secondary-900: 53 55 123;--color-secondary-950: 52 53 101;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: 255 255 255;--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-dark);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 222 223 247;--color-tertiary-100: 215 214 244;--color-tertiary-200: 207 204 241;--color-tertiary-300: 200 195 238;--color-tertiary-400: 192 185 235;--color-tertiary-500: 185 176 232;--color-tertiary-600: 159 151 201;--color-tertiary-700: 132 127 169;--color-tertiary-800: 106 102 138;--color-tertiary-900: 79 78 106;--color-tertiary-950: 53 53 75;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: 255 255 255;--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 220 244 243;--color-success-100: 203 232 231;--color-success-200: 186 220 220;--color-success-300: 170 208 208;--color-success-400: 153 196 197;--color-success-500: 136 184 185;--color-success-600: 121 161 167;--color-success-700: 105 138 149;--color-success-800: 90 115 130;--color-success-900: 74 92 112;--color-success-950: 59 69 94;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: 255 255 255;--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-dark);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 249 238 210;--color-warning-100: 250 231 182;--color-warning-200: 251 224 153;--color-warning-300: 252 216 125;--color-warning-400: 253 209 96;--color-warning-500: 254 202 68;--color-warning-600: 219 174 64;--color-warning-700: 184 146 60;--color-warning-800: 150 119 56;--color-warning-900: 115 91 52;--color-warning-950: 80 63 48;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: 255 255 255;--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 242 186 222;--color-error-100: 238 171 199;--color-error-200: 234 155 177;--color-error-300: 231 140 154;--color-error-400: 227 124 132;--color-error-500: 223 109 109;--color-error-600: 198 94 109;--color-error-700: 172 80 108;--color-error-800: 147 65 108;--color-error-900: 121 51 107;--color-error-950: 96 36 107;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: 255 255 255;--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 246 243 247;--color-surface-100: 225 217 226;--color-surface-200: 204 191 205;--color-surface-300: 184 165 184;--color-surface-400: 163 139 163;--color-surface-500: 142 113 142;--color-surface-600: 121 97 122;--color-surface-700: 100 81 102;--color-surface-800: 79 66 81;--color-surface-900: 58 50 61;--color-surface-950: 37 34 41;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-dark);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}.btn,.btn-icon{border-radius:var(--radii-default);font-weight:500;text-decoration-line:none;display:inline-flex;align-items:center;justify-content:center;gap:calc(1rem * var(--space-scale-factor));white-space:nowrap;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:hover,.btn-icon:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn:hover:where(.dark,.dark *),.btn-icon:hover:where(.dark,.dark *){--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn{height:calc(2.25rem * var(--space-scale-factor));padding-left:calc(1rem * var(--space-scale-factor));padding-right:calc(1rem * var(--space-scale-factor));padding-top:calc(.5rem * var(--space-scale-factor));padding-bottom:calc(.5rem * var(--space-scale-factor));color:inherit}.fieldset,.legend,.label,.input,.textarea,.select{display:block}.input:where(.dark,.dark *)::-webkit-calendar-picker-indicator{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.label{width:100%}.label>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.label-text{font-weight:500;font-size:var(--type-scale-1)}.input,.textarea,.select{overflow:hidden;border-radius:var(--radii-default);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--ring-width-default) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-200) / var(--tw-ring-opacity, 1))}.input:where(.dark,.dark *),.textarea:where(.dark,.dark *),.select:where(.dark,.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-800) / var(--tw-ring-opacity, 1))}.input:focus-within,.textarea:focus-within,.select:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1))}.input:hover,.textarea:hover,.select:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input:disabled,.textarea:disabled,.select:disabled{pointer-events:none;opacity:.5}.input:hover:where(.dark,.dark *),.textarea:hover:where(.dark,.dark *),.select:hover:where(.dark,.dark *){--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input,.textarea,.select{width:100%;background-color:transparent;border-style:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.select>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.select optgroup>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.select optgroup{font-weight:700}.select optgroup option{margin-left:0;padding-left:0}.select optgroup option:first-of-type{margin-top:calc(.5rem * var(--space-scale-factor))}.select optgroup option:last-child{margin-bottom:calc(.5rem * var(--space-scale-factor))!important}.select option,.input-group option{cursor:pointer;border-radius:var(--radii-default);padding:calc(.5rem * var(--space-scale-factor))}.select:not([size]):not([multiple]) optgroup,.select:not([size]):not([multiple]) option,.input-group optgroup,.input-group option{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-50) / var(--tw-bg-opacity, 1))}.select:not([size]):not([multiple]) optgroup:where(.dark,.dark *),.select:not([size]):not([multiple]) option:where(.dark,.dark *),.input-group optgroup:where(.dark,.dark *),.input-group option:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-950) / var(--tw-bg-opacity, 1))}.select:not([size]):not([multiple]) optgroup,.select:not([size]):not([multiple]) option,.input-group optgroup,.input-group option{--tw-text-opacity: 1;color:rgb(var(--color-surface-950) / var(--tw-text-opacity, 1))}.select:not([size]):not([multiple]) optgroup:where(.dark,.dark *),.select:not([size]):not([multiple]) option:where(.dark,.dark *),.input-group optgroup:where(.dark,.dark *),.input-group option:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity, 1))}.select option:checked{background:rgb(var(--color-primary-500)) linear-gradient(0deg,rgb(var(--color-primary-500)) 0% 100%)}.checkbox,.radio{width:calc(1rem * var(--space-scale-factor));cursor:pointer;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-300) / var(--tw-bg-opacity, 1))}.checkbox:where(.dark,.dark *),.radio:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-700) / var(--tw-bg-opacity, 1))}.checkbox,.radio{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--ring-width-default) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-200) / var(--tw-ring-opacity, 1))}.checkbox:where(.dark,.dark *),.radio:where(.dark,.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-800) / var(--tw-ring-opacity, 1))}.checkbox:focus-within,.radio:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1))}.checkbox:hover,.radio:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.checkbox:focus,.radio:focus{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.checkbox:checked,.checkbox:indeterminate,.radio:checked{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.checkbox:checked:hover,.checkbox:indeterminate:hover,.radio:checked:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.checkbox:checked:focus,.checkbox:indeterminate:focus,.radio:checked:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.radio{border-radius:9999px}.input[type=file]{padding:calc(.5rem * var(--space-scale-factor))}.input[type=file]::file-selector-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(1rem * var(--space-scale-factor));white-space:nowrap;border-radius:var(--radii-default);font-weight:500;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input[type=file]::file-selector-button:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=file]:where(.dark,.dark *)::file-selector-button:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=file]::file-selector-button{height:calc(2.25rem * var(--space-scale-factor));padding-left:calc(1rem * var(--space-scale-factor));padding-right:calc(1rem * var(--space-scale-factor));padding-top:calc(.5rem * var(--space-scale-factor));padding-bottom:calc(.5rem * var(--space-scale-factor));color:inherit;margin-right:calc(.5rem * var(--space-scale-factor));border-style:none;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.input[type=file]:where(.dark,.dark *)::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.input[type=range]{width:100%;accent-color:rgb(var(--color-surface-900) / 1);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.input[type=range]:where(.dark,.dark *){accent-color:rgb(var(--color-surface-50) / 1)}.input[type=color]{width:calc(2.5rem * var(--space-scale-factor));height:calc(2.5rem * var(--space-scale-factor));cursor:pointer;overflow:hidden;border-radius:var(--radii-default);border-style:none;-webkit-appearance:none}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=color]::-webkit-color-swatch{border-style:none}.input[type=color]::-webkit-color-swatch:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=color]::-moz-color-swatch{border-style:none}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;pointer-events:none;height:calc(1rem * var(--space-scale-factor));width:calc(1rem * var(--space-scale-factor));border-radius:9999px;background-size:contain;opacity:0}.input[type=search]:where(.dark,.dark *)::-webkit-search-cancel-button{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=search]:focus::-webkit-search-cancel-button{pointer-events:auto;opacity:1}.input:disabled,.textarea:disabled,.select:disabled,.input-group>input:disabled,.input-group>textarea:disabled,.input-group>select:disabled{cursor:not-allowed!important;opacity:.5!important}.input:disabled:hover,.textarea:disabled:hover,.select:disabled:hover,.input-group>input:disabled:hover,.input-group>textarea:disabled:hover,.input-group>select:disabled:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input[readonly],.textarea[readonly],.select[readonly]{cursor:not-allowed!important;border-color:transparent!important}.input[readonly]:hover,.textarea[readonly]:hover,.select[readonly]:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input::-moz-placeholder,.textarea::-moz-placeholder,.input-group input::-moz-placeholder,.input-group textarea::-moz-placeholder{color:rgb(var(--base-font-color))}.input::placeholder,.textarea::placeholder,.input-group input::placeholder,.input-group textarea::placeholder{color:rgb(var(--base-font-color))}.input:where(.dark,.dark *)::-moz-placeholder,.textarea:where(.dark,.dark *)::-moz-placeholder,.input-group input:where(.dark,.dark *)::-moz-placeholder,.input-group textarea:where(.dark,.dark *)::-moz-placeholder{color:rgb(var(--base-font-color-dark))}.input:where(.dark,.dark *)::placeholder,.textarea:where(.dark,.dark *)::placeholder,.input-group input:where(.dark,.dark *)::placeholder,.input-group textarea:where(.dark,.dark *)::placeholder{color:rgb(var(--base-font-color-dark))}.input::-moz-placeholder,.textarea::-moz-placeholder,.input-group input::-moz-placeholder,.input-group textarea::-moz-placeholder{font-size:1rem;line-height:1.5rem;opacity:.6}.input::placeholder,.textarea::placeholder,.input-group input::placeholder,.input-group textarea::placeholder{font-size:1rem;line-height:1.5rem;opacity:.6}.input:where(.dark,.dark *)::-moz-placeholder,.textarea:where(.dark,.dark *)::-moz-placeholder,.input-group input:where(.dark,.dark *)::-moz-placeholder,.input-group textarea:where(.dark,.dark *)::-moz-placeholder{opacity:.5}.input:where(.dark,.dark *)::placeholder,.textarea:where(.dark,.dark *)::placeholder,.input-group input:where(.dark,.dark *)::placeholder,.input-group textarea:where(.dark,.dark *)::placeholder{opacity:.5}.placeholder{min-height:calc(1rem * var(--space-scale-factor));border-radius:var(--radii-default);background-color:rgb(var(--color-surface-500) / .2)}.flex{display:flex}.w-0{width:0px}.w-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:calc(.5rem * var(--space-scale-factor))}.gap-4{gap:calc(1rem * var(--space-scale-factor))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(calc(.5rem * var(--space-scale-factor)) * var(--tw-space-x-reverse));margin-left:calc(calc(.5rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-x-reverse)))}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-error-500{--tw-text-opacity: 1;color:rgb(var(--color-error-500) / var(--tw-text-opacity, 1))}.opacity-60{opacity:.6}.preset-filled{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.preset-filled:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.preset-filled-primary-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-primary-contrast-500) / var(--tw-text-opacity, 1))}.preset-filled-primary-500:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(var(--color-primary-contrast-500) / var(--tw-text-opacity, 1))}
|
|
1
|
+
.container.svelte-cnhr4o{display:inline-block;transform:translate(calc(0px - var(--li-identation)),-50%);position:absolute;top:50%;padding-right:100%}.arrow.svelte-cnhr4o{transform-origin:25% 50%;position:relative;line-height:1.1em;font-size:.75em;margin-left:0;transition:.15s;color:var(--arrow-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;display:block}.expanded.svelte-cnhr4o{transform:rotate(90deg) translate(-3px)}.root.svelte-19drypg{display:inline-block;position:relative}.indent.svelte-19drypg{padding-left:var(--li-identation)}.label.svelte-19drypg{position:relative}.comma.svelte-150ffaa{margin-left:-.5em;margin-right:.5em}.Date.svelte-l95iub{color:var(--date-color)}.BigInt.svelte-l95iub,.Number.svelte-l95iub{color:var(--number-color)}.Boolean.svelte-l95iub{color:var(--boolean-color)}.Null.svelte-l95iub{color:var(--null-color)}.Undefined.svelte-l95iub{color:var(--undefined-color)}.Symbol.svelte-l95iub{color:var(--symbol-color)}.indent.svelte-1u08yw6{padding-left:var(--li-identation)}span.svelte-1fvwa9c{color:var(--string-color);word-break:break-all;word-wrap:break-word}.i.svelte-1eamqdt{font-style:italic}.fn.svelte-1eamqdt,.i.svelte-1eamqdt{color:var(--function-color)}.regex.svelte-17k1wqt{color:var(--regex-color)}span.svelte-jzynja{--string-color: var(--json-tree-string-color, #cb3f41);--symbol-color: var(--json-tree-symbol-color, #cb3f41);--boolean-color: var(--json-tree-boolean-color, #112aa7);--function-color: var(--json-tree-function-color, #112aa7);--number-color: var(--json-tree-number-color, #3029cf);--label-color: var(--json-tree-label-color, #871d8f);--property-color: var(--json-tree-property-color, #000000);--arrow-color: var(--json-tree-arrow-color, #727272);--operator-color: var(--json-tree-operator-color, #727272);--null-color: var(--json-tree-null-color, #8d8d8d);--undefined-color: var(--json-tree-undefined-color, #8d8d8d);--date-color: var(--json-tree-date-color, #8d8d8d);--internal-color: var(--json-tree-internal-color, grey);--regex-color: var(--json-tree-regex-color, var(--string-color));--li-identation: var(--json-tree-li-indentation, 1em);--li-line-height: var(--json-tree-li-line-height, 1.3);font-size:var(--json-tree-font-size, 12px);font-family:var(--json-tree-font-family, "Courier New", Courier, monospace)}span.svelte-jzynja li{line-height:var(--li-line-height);display:var(--li-display, list-item);list-style:none}span.svelte-jzynja,span.svelte-jzynja ul{padding:0;margin:0}.expandable.svelte-jzynja{margin-left:var(--li-identation)}span.svelte-jzynja{cursor:default}span.svelte-jzynja .label{color:var(--label-color)}span.svelte-jzynja .property{color:var(--property-color)}span.svelte-jzynja .internal{color:var(--internal-color)}span.svelte-jzynja .operator{color:var(--operator-color)}span.svelte-jzynja>span:where(.svelte-jzynja){white-space:pre-wrap}.code.svelte-1tr05uz{height:30vh;overflow-y:auto;position:sticky;top:0;background-color:#fff;z-index:50;border-bottom:1px solid #e5e7eb;padding-top:.5rem;padding-bottom:.5rem;margin-bottom:1rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}body{background-color:rgb(var(--body-background-color))}body:where(.dark,.dark *){background-color:rgb(var(--body-background-color-dark))}body{color:rgb(var(--base-font-color))}body:where(.dark,.dark *){color:rgb(var(--base-font-color-dark))}body{font-family:var(--base-font-family);font-size:var(--base-font-size);font-style:var(--base-font-style);font-weight:var(--base-font-weight);line-height:var(--base-line-height);letter-spacing:var(--base-letter-spacing)}::-moz-selection{background-color:rgb(var(--color-primary-500) / .3)}::selection{background-color:rgb(var(--color-primary-500) / .3)}html{-webkit-tap-highlight-color:rgba(128,128,128,.5)}:root{scrollbar-color:rgba(128,128,128,.5) rgba(0,0,0,.1);scrollbar-width:thin}.disabled,button:disabled{pointer-events:none;opacity:.5}:host [data-theme=cerberus]{--space-scale-factor: 1;--type-scale-factor: 1.067;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: system-ui;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: inherit;--heading-font-color-dark: inherit;--heading-font-family: inherit;--heading-font-weight: bold;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-primary-500);--anchor-font-color-dark: var(--color-primary-400);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: inherit;--anchor-font-style: inherit;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--radii-default: 6px;--radii-container: 6px;--border-width-default: 1px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--color-primary-50: 211 229 255;--color-primary-100: 169 206 253;--color-primary-200: 127 182 250;--color-primary-300: 85 159 248;--color-primary-400: 43 135 245;--color-primary-500: 1 112 243;--color-primary-600: 3 97 210;--color-primary-700: 4 83 178;--color-primary-800: 6 68 145;--color-primary-900: 7 54 113;--color-primary-950: 9 39 80;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 216 204 241;--color-secondary-100: 197 171 233;--color-secondary-200: 178 138 225;--color-secondary-300: 159 106 218;--color-secondary-400: 140 73 210;--color-secondary-500: 121 40 202;--color-secondary-600: 107 37 182;--color-secondary-700: 93 34 163;--color-secondary-800: 78 31 143;--color-secondary-900: 64 28 124;--color-secondary-950: 50 25 104;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: var(--color-secondary-50);--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-light);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 255 206 251;--color-tertiary-100: 255 165 226;--color-tertiary-200: 255 124 202;--color-tertiary-300: 255 82 177;--color-tertiary-400: 255 41 153;--color-tertiary-500: 255 0 128;--color-tertiary-600: 228 0 116;--color-tertiary-700: 200 0 104;--color-tertiary-800: 173 0 91;--color-tertiary-900: 145 0 79;--color-tertiary-950: 118 0 67;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: var(--color-tertiary-50);--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-light);--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 170 255 236;--color-success-100: 152 249 228;--color-success-200: 134 244 219;--color-success-300: 116 238 211;--color-success-400: 98 233 202;--color-success-500: 80 227 194;--color-success-600: 65 191 164;--color-success-700: 50 155 133;--color-success-800: 35 118 103;--color-success-900: 20 82 72;--color-success-950: 5 46 42;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: var(--color-success-50);--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-dark);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 255 239 207;--color-warning-100: 253 228 183;--color-warning-200: 252 217 158;--color-warning-300: 250 207 134;--color-warning-400: 249 196 109;--color-warning-500: 247 185 85;--color-warning-600: 230 163 69;--color-warning-700: 213 142 53;--color-warning-800: 195 120 37;--color-warning-900: 178 99 21;--color-warning-950: 161 77 5;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 247 212 214;--color-error-100: 246 182 181;--color-error-200: 245 152 149;--color-error-300: 245 123 116;--color-error-400: 244 93 84;--color-error-500: 243 63 51;--color-error-600: 224 50 41;--color-error-700: 205 38 31;--color-error-800: 186 25 20;--color-error-900: 167 13 10;--color-error-950: 148 0 0;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 253 253 253;--color-surface-100: 224 224 224;--color-surface-200: 194 194 194;--color-surface-300: 163 163 163;--color-surface-400: 133 133 133;--color-surface-500: 102 102 102;--color-surface-600: 85 85 85;--color-surface-700: 68 68 68;--color-surface-800: 51 51 51;--color-surface-900: 34 34 34;--color-surface-950: 17 17 17;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-light);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=catppuccin]{--type-scale-factor: 1.125;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-700);--base-font-color-dark: var(--color-surface-50);--base-font-family: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-tertiary-500);--heading-font-color-dark: var(--color-secondary-200);--heading-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--heading-font-weight: bolder;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-secondary-600);--anchor-font-color-dark: var(--color-tertiary-400);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--space-scale-factor: 1;--radii-default: 6px;--radii-container: 12px;--border-width-default: 0px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--body-background-color: 255 255 255;--body-background-color-dark: var(--color-surface-950);--color-primary-50: 235 251 255;--color-primary-100: 211 228 255;--color-primary-200: 187 205 254;--color-primary-300: 162 181 254;--color-primary-400: 138 158 253;--color-primary-500: 114 135 253;--color-primary-600: 110 129 238;--color-primary-700: 106 123 223;--color-primary-800: 101 118 207;--color-primary-900: 97 112 192;--color-primary-950: 93 106 177;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-light);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 245 194 231;--color-secondary-100: 243 179 225;--color-secondary-200: 241 164 220;--color-secondary-300: 238 148 214;--color-secondary-400: 236 133 209;--color-secondary-500: 234 118 203;--color-secondary-600: 207 104 179;--color-secondary-700: 179 89 156;--color-secondary-800: 152 75 132;--color-secondary-900: 124 60 109;--color-secondary-950: 97 46 85;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: var(--color-secondary-50);--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-dark);--color-secondary-contrast-500: var(--color-secondary-contrast-dark);--color-secondary-contrast-600: var(--color-secondary-contrast-dark);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 148 226 213;--color-tertiary-100: 123 210 201;--color-tertiary-200: 98 194 189;--color-tertiary-300: 73 178 177;--color-tertiary-400: 48 162 165;--color-tertiary-500: 23 146 153;--color-tertiary-600: 22 130 135;--color-tertiary-700: 20 114 118;--color-tertiary-800: 19 98 100;--color-tertiary-900: 17 82 83;--color-tertiary-950: 16 66 65;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: var(--color-tertiary-50);--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 166 227 161;--color-success-100: 146 214 137;--color-success-200: 125 200 114;--color-success-300: 105 187 90;--color-success-400: 84 173 67;--color-success-500: 64 160 43;--color-success-600: 57 144 43;--color-success-700: 50 127 42;--color-success-800: 43 111 42;--color-success-900: 36 94 41;--color-success-950: 29 78 41;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: var(--color-success-50);--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-light);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 249 226 175;--color-warning-100: 244 209 146;--color-warning-200: 239 192 117;--color-warning-300: 233 176 87;--color-warning-400: 228 159 58;--color-warning-500: 223 142 29;--color-warning-600: 199 128 28;--color-warning-700: 174 115 28;--color-warning-800: 150 101 27;--color-warning-900: 125 88 27;--color-warning-950: 101 74 26;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 243 139 168;--color-error-100: 236 114 146;--color-error-200: 230 89 124;--color-error-300: 223 65 101;--color-error-400: 217 40 79;--color-error-500: 210 15 57;--color-error-600: 188 16 55;--color-error-700: 167 17 52;--color-error-800: 145 19 50;--color-error-900: 124 20 47;--color-error-950: 102 21 45;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 220 224 232;--color-surface-100: 204 208 218;--color-surface-200: 188 192 204;--color-surface-300: 172 175 189;--color-surface-400: 156 159 175;--color-surface-500: 140 143 161;--color-surface-600: 118 120 138;--color-surface-700: 96 98 115;--color-surface-800: 74 75 92;--color-surface-900: 52 53 69;--color-surface-950: 30 30 46;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-dark);--color-surface-contrast-500: var(--color-surface-contrast-dark);--color-surface-contrast-600: var(--color-surface-contrast-dark);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=pine]{--type-scale-factor: 1;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-primary-800);--heading-font-color-dark: var(--color-primary-300);--heading-font-family: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;--heading-font-weight: inherit;--heading-font-style: normal;--heading-letter-spacing: inherit;--anchor-font-color: var(--color-secondary-400);--anchor-font-color-dark: var(--color-secondary-100);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--space-scale-factor: 1;--radii-default: 2px;--radii-container: 2px;--border-width-default: 1px;--divide-width-default: 1px;--outline-width-default: 1px;--ring-width-default: 1px;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--color-primary-50: 251 232 208;--color-primary-100: 233 211 181;--color-primary-200: 215 191 154;--color-primary-300: 197 170 128;--color-primary-400: 179 150 101;--color-primary-500: 161 129 74;--color-primary-600: 144 116 66;--color-primary-700: 126 103 58;--color-primary-800: 109 89 49;--color-primary-900: 91 76 41;--color-primary-950: 74 63 33;--color-primary-contrast-dark: 0 0 0;--color-primary-contrast-light: 255 255 255;--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-light);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 232 140 198;--color-secondary-100: 203 116 170;--color-secondary-200: 174 92 143;--color-secondary-300: 144 69 115;--color-secondary-400: 115 45 88;--color-secondary-500: 86 21 60;--color-secondary-600: 82 21 58;--color-secondary-700: 78 21 55;--color-secondary-800: 73 22 53;--color-secondary-900: 69 22 50;--color-secondary-950: 65 22 48;--color-secondary-contrast-dark: 0 0 0;--color-secondary-contrast-light: 255 255 255;--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-light);--color-secondary-contrast-400: var(--color-secondary-contrast-light);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 237 237 227;--color-tertiary-100: 217 216 206;--color-tertiary-200: 196 196 184;--color-tertiary-300: 176 175 163;--color-tertiary-400: 155 155 141;--color-tertiary-500: 135 134 120;--color-tertiary-600: 119 118 106;--color-tertiary-700: 103 102 91;--color-tertiary-800: 86 85 77;--color-tertiary-900: 70 69 62;--color-tertiary-950: 54 53 48;--color-tertiary-contrast-dark: 0 0 0;--color-tertiary-contrast-light: 255 255 255;--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 110 176 180;--color-success-100: 88 160 161;--color-success-200: 67 144 142;--color-success-300: 45 127 122;--color-success-400: 24 111 103;--color-success-500: 2 95 84;--color-success-600: 7 87 78;--color-success-700: 12 79 72;--color-success-800: 16 70 67;--color-success-900: 21 62 61;--color-success-950: 26 54 55;--color-success-contrast-dark: 0 0 0;--color-success-contrast-light: 255 255 255;--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-light);--color-success-contrast-400: var(--color-success-contrast-light);--color-success-contrast-500: var(--color-success-contrast-light);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 255 235 204;--color-warning-100: 253 223 177;--color-warning-200: 251 211 149;--color-warning-300: 248 200 122;--color-warning-400: 246 188 94;--color-warning-500: 244 176 67;--color-warning-600: 209 153 62;--color-warning-700: 175 130 57;--color-warning-800: 140 106 52;--color-warning-900: 106 83 47;--color-warning-950: 71 60 42;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: var(--color-warning-50);--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 255 216 209;--color-error-100: 248 196 186;--color-error-200: 241 175 163;--color-error-300: 235 155 141;--color-error-400: 228 134 118;--color-error-500: 221 114 95;--color-error-600: 191 99 83;--color-error-700: 160 84 70;--color-error-800: 130 68 58;--color-error-900: 99 53 45;--color-error-950: 69 38 33;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: var(--color-error-50);--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 216 219 210;--color-surface-100: 195 200 187;--color-surface-200: 173 181 164;--color-surface-300: 152 163 140;--color-surface-400: 130 144 117;--color-surface-500: 109 125 94;--color-surface-600: 93 107 80;--color-surface-700: 77 89 66;--color-surface-800: 61 70 52;--color-surface-900: 45 52 38;--color-surface-950: 29 34 24;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-light);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}:host [data-theme=rose]{--space-scale-factor: 1.05;--type-scale-factor: 1.125;--type-scale-1: calc(.75rem * var(--type-scale-factor));--type-scale-2: calc(.875rem * var(--type-scale-factor));--type-scale-3: calc(1rem * var(--type-scale-factor));--type-scale-4: calc(1.125rem * var(--type-scale-factor));--type-scale-5: calc(1.25rem * var(--type-scale-factor));--type-scale-6: calc(1.5rem * var(--type-scale-factor));--type-scale-7: calc(1.875rem * var(--type-scale-factor));--type-scale-8: calc(2.25rem * var(--type-scale-factor));--type-scale-9: calc(3rem * var(--type-scale-factor));--type-scale-10: calc(3.75rem * var(--type-scale-factor));--type-scale-11: calc(4.5rem * var(--type-scale-factor));--type-scale-12: calc(6rem * var(--type-scale-factor));--type-scale-13: calc(8rem * var(--type-scale-factor));--base-font-color: var(--color-surface-950);--base-font-color-dark: var(--color-surface-50);--base-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--base-font-size: inherit;--base-line-height: inherit;--base-font-weight: normal;--base-font-style: normal;--base-letter-spacing: 0em;--heading-font-color: var(--color-secondary-900);--heading-font-color-dark: var(--color-secondary-100);--heading-font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--heading-font-weight: normal;--heading-font-style: normal;--heading-letter-spacing: .025em;--anchor-font-color: var(--color-primary-700);--anchor-font-color-dark: var(--color-primary-300);--anchor-font-family: inherit;--anchor-font-size: inherit;--anchor-line-height: inherit;--anchor-font-weight: normal;--anchor-font-style: normal;--anchor-letter-spacing: inherit;--anchor-text-decoration: none;--anchor-text-decoration-hover: underline;--anchor-text-decoration-active: none;--anchor-text-decoration-focus: none;--body-background-color: var(--color-surface-50);--body-background-color-dark: var(--color-surface-950);--radii-default: 9999px;--radii-container: 24px;--border-width-default: 2px;--ring-width-default: 2px;--outline-width-default: 2px;--divide-width-default: 2px;--color-primary-50: 255 249 255;--color-primary-100: 247 224 238;--color-primary-200: 239 199 222;--color-primary-300: 232 173 205;--color-primary-400: 224 148 189;--color-primary-500: 216 123 172;--color-primary-600: 189 109 152;--color-primary-700: 162 95 132;--color-primary-800: 134 80 111;--color-primary-900: 107 66 91;--color-primary-950: 80 52 71;--color-primary-contrast-dark: var(--color-primary-950);--color-primary-contrast-light: var(--color-primary-50);--color-primary-contrast-50: var(--color-primary-contrast-dark);--color-primary-contrast-100: var(--color-primary-contrast-dark);--color-primary-contrast-200: var(--color-primary-contrast-dark);--color-primary-contrast-300: var(--color-primary-contrast-dark);--color-primary-contrast-400: var(--color-primary-contrast-dark);--color-primary-contrast-500: var(--color-primary-contrast-dark);--color-primary-contrast-600: var(--color-primary-contrast-light);--color-primary-contrast-700: var(--color-primary-contrast-light);--color-primary-contrast-800: var(--color-primary-contrast-light);--color-primary-contrast-900: var(--color-primary-contrast-light);--color-primary-contrast-950: var(--color-primary-contrast-light);--color-secondary-50: 214 199 255;--color-secondary-100: 182 172 246;--color-secondary-200: 151 144 237;--color-secondary-300: 119 117 229;--color-secondary-400: 88 89 220;--color-secondary-500: 56 62 211;--color-secondary-600: 55 60 189;--color-secondary-700: 54 58 167;--color-secondary-800: 54 57 145;--color-secondary-900: 53 55 123;--color-secondary-950: 52 53 101;--color-secondary-contrast-dark: var(--color-secondary-950);--color-secondary-contrast-light: 255 255 255;--color-secondary-contrast-50: var(--color-secondary-contrast-dark);--color-secondary-contrast-100: var(--color-secondary-contrast-dark);--color-secondary-contrast-200: var(--color-secondary-contrast-dark);--color-secondary-contrast-300: var(--color-secondary-contrast-dark);--color-secondary-contrast-400: var(--color-secondary-contrast-dark);--color-secondary-contrast-500: var(--color-secondary-contrast-light);--color-secondary-contrast-600: var(--color-secondary-contrast-light);--color-secondary-contrast-700: var(--color-secondary-contrast-light);--color-secondary-contrast-800: var(--color-secondary-contrast-light);--color-secondary-contrast-900: var(--color-secondary-contrast-light);--color-secondary-contrast-950: var(--color-secondary-contrast-light);--color-tertiary-50: 222 223 247;--color-tertiary-100: 215 214 244;--color-tertiary-200: 207 204 241;--color-tertiary-300: 200 195 238;--color-tertiary-400: 192 185 235;--color-tertiary-500: 185 176 232;--color-tertiary-600: 159 151 201;--color-tertiary-700: 132 127 169;--color-tertiary-800: 106 102 138;--color-tertiary-900: 79 78 106;--color-tertiary-950: 53 53 75;--color-tertiary-contrast-dark: var(--color-tertiary-950);--color-tertiary-contrast-light: 255 255 255;--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);--color-success-50: 220 244 243;--color-success-100: 203 232 231;--color-success-200: 186 220 220;--color-success-300: 170 208 208;--color-success-400: 153 196 197;--color-success-500: 136 184 185;--color-success-600: 121 161 167;--color-success-700: 105 138 149;--color-success-800: 90 115 130;--color-success-900: 74 92 112;--color-success-950: 59 69 94;--color-success-contrast-dark: var(--color-success-950);--color-success-contrast-light: 255 255 255;--color-success-contrast-50: var(--color-success-contrast-dark);--color-success-contrast-100: var(--color-success-contrast-dark);--color-success-contrast-200: var(--color-success-contrast-dark);--color-success-contrast-300: var(--color-success-contrast-dark);--color-success-contrast-400: var(--color-success-contrast-dark);--color-success-contrast-500: var(--color-success-contrast-dark);--color-success-contrast-600: var(--color-success-contrast-light);--color-success-contrast-700: var(--color-success-contrast-light);--color-success-contrast-800: var(--color-success-contrast-light);--color-success-contrast-900: var(--color-success-contrast-light);--color-success-contrast-950: var(--color-success-contrast-light);--color-warning-50: 249 238 210;--color-warning-100: 250 231 182;--color-warning-200: 251 224 153;--color-warning-300: 252 216 125;--color-warning-400: 253 209 96;--color-warning-500: 254 202 68;--color-warning-600: 219 174 64;--color-warning-700: 184 146 60;--color-warning-800: 150 119 56;--color-warning-900: 115 91 52;--color-warning-950: 80 63 48;--color-warning-contrast-dark: var(--color-warning-950);--color-warning-contrast-light: 255 255 255;--color-warning-contrast-50: var(--color-warning-contrast-dark);--color-warning-contrast-100: var(--color-warning-contrast-dark);--color-warning-contrast-200: var(--color-warning-contrast-dark);--color-warning-contrast-300: var(--color-warning-contrast-dark);--color-warning-contrast-400: var(--color-warning-contrast-dark);--color-warning-contrast-500: var(--color-warning-contrast-dark);--color-warning-contrast-600: var(--color-warning-contrast-light);--color-warning-contrast-700: var(--color-warning-contrast-light);--color-warning-contrast-800: var(--color-warning-contrast-light);--color-warning-contrast-900: var(--color-warning-contrast-light);--color-warning-contrast-950: var(--color-warning-contrast-light);--color-error-50: 242 186 222;--color-error-100: 238 171 199;--color-error-200: 234 155 177;--color-error-300: 231 140 154;--color-error-400: 227 124 132;--color-error-500: 223 109 109;--color-error-600: 198 94 109;--color-error-700: 172 80 108;--color-error-800: 147 65 108;--color-error-900: 121 51 107;--color-error-950: 96 36 107;--color-error-contrast-dark: var(--color-error-950);--color-error-contrast-light: 255 255 255;--color-error-contrast-50: var(--color-error-contrast-dark);--color-error-contrast-100: var(--color-error-contrast-dark);--color-error-contrast-200: var(--color-error-contrast-dark);--color-error-contrast-300: var(--color-error-contrast-dark);--color-error-contrast-400: var(--color-error-contrast-dark);--color-error-contrast-500: var(--color-error-contrast-light);--color-error-contrast-600: var(--color-error-contrast-light);--color-error-contrast-700: var(--color-error-contrast-light);--color-error-contrast-800: var(--color-error-contrast-light);--color-error-contrast-900: var(--color-error-contrast-light);--color-error-contrast-950: var(--color-error-contrast-light);--color-surface-50: 246 243 247;--color-surface-100: 225 217 226;--color-surface-200: 204 191 205;--color-surface-300: 184 165 184;--color-surface-400: 163 139 163;--color-surface-500: 142 113 142;--color-surface-600: 121 97 122;--color-surface-700: 100 81 102;--color-surface-800: 79 66 81;--color-surface-900: 58 50 61;--color-surface-950: 37 34 41;--color-surface-contrast-dark: var(--color-surface-950);--color-surface-contrast-light: var(--color-surface-50);--color-surface-contrast-50: var(--color-surface-contrast-dark);--color-surface-contrast-100: var(--color-surface-contrast-dark);--color-surface-contrast-200: var(--color-surface-contrast-dark);--color-surface-contrast-300: var(--color-surface-contrast-dark);--color-surface-contrast-400: var(--color-surface-contrast-dark);--color-surface-contrast-500: var(--color-surface-contrast-light);--color-surface-contrast-600: var(--color-surface-contrast-light);--color-surface-contrast-700: var(--color-surface-contrast-light);--color-surface-contrast-800: var(--color-surface-contrast-light);--color-surface-contrast-900: var(--color-surface-contrast-light);--color-surface-contrast-950: var(--color-surface-contrast-light)}.btn,.btn-icon{border-radius:var(--radii-default);font-weight:500;text-decoration-line:none;display:inline-flex;align-items:center;justify-content:center;gap:calc(1rem * var(--space-scale-factor));white-space:nowrap;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:hover,.btn-icon:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn:hover:where(.dark,.dark *),.btn-icon:hover:where(.dark,.dark *){--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn{height:calc(2.25rem * var(--space-scale-factor));padding-left:calc(1rem * var(--space-scale-factor));padding-right:calc(1rem * var(--space-scale-factor));padding-top:calc(.5rem * var(--space-scale-factor));padding-bottom:calc(.5rem * var(--space-scale-factor));color:inherit}.fieldset,.legend,.label,.input,.textarea,.select{display:block}.input:where(.dark,.dark *)::-webkit-calendar-picker-indicator{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.label{width:100%}.label>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.label-text{font-weight:500;font-size:var(--type-scale-1)}.input,.textarea,.select{overflow:hidden;border-radius:var(--radii-default);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--ring-width-default) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-200) / var(--tw-ring-opacity, 1))}.input:where(.dark,.dark *),.textarea:where(.dark,.dark *),.select:where(.dark,.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-800) / var(--tw-ring-opacity, 1))}.input:focus-within,.textarea:focus-within,.select:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1))}.input:hover,.textarea:hover,.select:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input:disabled,.textarea:disabled,.select:disabled{pointer-events:none;opacity:.5}.input:hover:where(.dark,.dark *),.textarea:hover:where(.dark,.dark *),.select:hover:where(.dark,.dark *){--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input,.textarea,.select{width:100%;background-color:transparent;border-style:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.select>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.select optgroup>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(calc(.25rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(.25rem * var(--space-scale-factor)) * var(--tw-space-y-reverse))}.select optgroup{font-weight:700}.select optgroup option{margin-left:0;padding-left:0}.select optgroup option:first-of-type{margin-top:calc(.5rem * var(--space-scale-factor))}.select optgroup option:last-child{margin-bottom:calc(.5rem * var(--space-scale-factor))!important}.select option,.input-group option{cursor:pointer;border-radius:var(--radii-default);padding:calc(.5rem * var(--space-scale-factor))}.select:not([size]):not([multiple]) optgroup,.select:not([size]):not([multiple]) option,.input-group optgroup,.input-group option{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-50) / var(--tw-bg-opacity, 1))}.select:not([size]):not([multiple]) optgroup:where(.dark,.dark *),.select:not([size]):not([multiple]) option:where(.dark,.dark *),.input-group optgroup:where(.dark,.dark *),.input-group option:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-950) / var(--tw-bg-opacity, 1))}.select:not([size]):not([multiple]) optgroup,.select:not([size]):not([multiple]) option,.input-group optgroup,.input-group option{--tw-text-opacity: 1;color:rgb(var(--color-surface-950) / var(--tw-text-opacity, 1))}.select:not([size]):not([multiple]) optgroup:where(.dark,.dark *),.select:not([size]):not([multiple]) option:where(.dark,.dark *),.input-group optgroup:where(.dark,.dark *),.input-group option:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity, 1))}.select option:checked{background:rgb(var(--color-primary-500)) linear-gradient(0deg,rgb(var(--color-primary-500)) 0% 100%)}.checkbox,.radio{width:calc(1rem * var(--space-scale-factor));cursor:pointer;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-300) / var(--tw-bg-opacity, 1))}.checkbox:where(.dark,.dark *),.radio:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-700) / var(--tw-bg-opacity, 1))}.checkbox,.radio{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--ring-width-default) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-200) / var(--tw-ring-opacity, 1))}.checkbox:where(.dark,.dark *),.radio:where(.dark,.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-800) / var(--tw-ring-opacity, 1))}.checkbox:focus-within,.radio:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1))}.checkbox:hover,.radio:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.checkbox:focus,.radio:focus{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.checkbox:checked,.checkbox:indeterminate,.radio:checked{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.checkbox:checked:hover,.checkbox:indeterminate:hover,.radio:checked:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.checkbox:checked:focus,.checkbox:indeterminate:focus,.radio:checked:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.radio{border-radius:9999px}.input[type=file]{padding:calc(.5rem * var(--space-scale-factor))}.input[type=file]::file-selector-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(1rem * var(--space-scale-factor));white-space:nowrap;border-radius:var(--radii-default);font-weight:500;text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input[type=file]::file-selector-button:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=file]:where(.dark,.dark *)::file-selector-button:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=file]::file-selector-button{height:calc(2.25rem * var(--space-scale-factor));padding-left:calc(1rem * var(--space-scale-factor));padding-right:calc(1rem * var(--space-scale-factor));padding-top:calc(.5rem * var(--space-scale-factor));padding-bottom:calc(.5rem * var(--space-scale-factor));color:inherit;margin-right:calc(.5rem * var(--space-scale-factor));border-style:none;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.input[type=file]:where(.dark,.dark *)::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.input[type=range]{width:100%;accent-color:rgb(var(--color-surface-900) / 1);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.input[type=range]:where(.dark,.dark *){accent-color:rgb(var(--color-surface-50) / 1)}.input[type=color]{width:calc(2.5rem * var(--space-scale-factor));height:calc(2.5rem * var(--space-scale-factor));cursor:pointer;overflow:hidden;border-radius:var(--radii-default);border-style:none;-webkit-appearance:none}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=color]::-webkit-color-swatch{border-style:none}.input[type=color]::-webkit-color-swatch:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=color]::-moz-color-swatch{border-style:none}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;pointer-events:none;height:calc(1rem * var(--space-scale-factor));width:calc(1rem * var(--space-scale-factor));border-radius:9999px;background-size:contain;opacity:0}.input[type=search]:where(.dark,.dark *)::-webkit-search-cancel-button{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=search]:focus::-webkit-search-cancel-button{pointer-events:auto;opacity:1}.input:disabled,.textarea:disabled,.select:disabled,.input-group>input:disabled,.input-group>textarea:disabled,.input-group>select:disabled{cursor:not-allowed!important;opacity:.5!important}.input:disabled:hover,.textarea:disabled:hover,.select:disabled:hover,.input-group>input:disabled:hover,.input-group>textarea:disabled:hover,.input-group>select:disabled:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input[readonly],.textarea[readonly],.select[readonly]{cursor:not-allowed!important;border-color:transparent!important}.input[readonly]:hover,.textarea[readonly]:hover,.select[readonly]:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input::-moz-placeholder,.textarea::-moz-placeholder,.input-group input::-moz-placeholder,.input-group textarea::-moz-placeholder{color:rgb(var(--base-font-color))}.input::placeholder,.textarea::placeholder,.input-group input::placeholder,.input-group textarea::placeholder{color:rgb(var(--base-font-color))}.input:where(.dark,.dark *)::-moz-placeholder,.textarea:where(.dark,.dark *)::-moz-placeholder,.input-group input:where(.dark,.dark *)::-moz-placeholder,.input-group textarea:where(.dark,.dark *)::-moz-placeholder{color:rgb(var(--base-font-color-dark))}.input:where(.dark,.dark *)::placeholder,.textarea:where(.dark,.dark *)::placeholder,.input-group input:where(.dark,.dark *)::placeholder,.input-group textarea:where(.dark,.dark *)::placeholder{color:rgb(var(--base-font-color-dark))}.input::-moz-placeholder,.textarea::-moz-placeholder,.input-group input::-moz-placeholder,.input-group textarea::-moz-placeholder{font-size:1rem;line-height:1.5rem;opacity:.6}.input::placeholder,.textarea::placeholder,.input-group input::placeholder,.input-group textarea::placeholder{font-size:1rem;line-height:1.5rem;opacity:.6}.input:where(.dark,.dark *)::-moz-placeholder,.textarea:where(.dark,.dark *)::-moz-placeholder,.input-group input:where(.dark,.dark *)::-moz-placeholder,.input-group textarea:where(.dark,.dark *)::-moz-placeholder{opacity:.5}.input:where(.dark,.dark *)::placeholder,.textarea:where(.dark,.dark *)::placeholder,.input-group input:where(.dark,.dark *)::placeholder,.input-group textarea:where(.dark,.dark *)::placeholder{opacity:.5}.placeholder{min-height:calc(1rem * var(--space-scale-factor));border-radius:var(--radii-default);background-color:rgb(var(--color-surface-500) / .2)}.flex{display:flex}.w-0{width:0px}.w-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:calc(.5rem * var(--space-scale-factor))}.gap-4{gap:calc(1rem * var(--space-scale-factor))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(calc(.5rem * var(--space-scale-factor)) * var(--tw-space-x-reverse));margin-left:calc(calc(.5rem * var(--space-scale-factor)) * calc(1 - var(--tw-space-x-reverse)))}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-error-500{--tw-text-opacity: 1;color:rgb(var(--color-error-500) / var(--tw-text-opacity, 1))}.opacity-60{opacity:.6}.preset-filled{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.preset-filled:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.preset-filled-primary-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-primary-contrast-500) / var(--tw-text-opacity, 1))}.preset-filled-primary-500:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(var(--color-primary-contrast-500) / var(--tw-text-opacity, 1))}[data-layout=object-property].svelte-o6qzf9{grid-template-columns:1fr}[data-layout=object-property]:has(>:nth-child(2)){grid-template-columns:1fr 1fr auto}[data-layout=object-property]>:nth-child(3){align-self:start}
|
|
@@ -5,16 +5,6 @@
|
|
|
5
5
|
let { config, value = $bindable(), handlers }: ComponentProps['checkboxWidget'] = $props();
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
|
-
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
inputAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.checkbox,
|
|
15
|
-
ctx.extraUiOptions?.('checkbox', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
8
|
</script>
|
|
19
9
|
|
|
20
10
|
<label class="flex items-center space-x-2 cursor-pointer">
|
|
@@ -22,7 +12,7 @@
|
|
|
22
12
|
type="checkbox"
|
|
23
13
|
class="checkbox"
|
|
24
14
|
bind:checked={() => value ?? false, (v) => (value = v)}
|
|
25
|
-
{...
|
|
15
|
+
{...inputAttributes(ctx, config, 'checkbox', handlers, {})}
|
|
26
16
|
/>
|
|
27
17
|
<p>{config.title}</p>
|
|
28
18
|
</label>
|
|
@@ -6,19 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
inputAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.number,
|
|
15
|
-
ctx.extraUiOptions?.('number', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
9
|
+
const attributes = $derived(inputAttributes(ctx, config, 'number', handlers, { type: 'number' }));
|
|
18
10
|
</script>
|
|
19
11
|
|
|
20
12
|
<input
|
|
21
|
-
type="number"
|
|
22
13
|
bind:value={() => value ?? null, (v) => (value = v ?? undefined)}
|
|
23
14
|
class="input"
|
|
24
15
|
{...attributes}
|
|
@@ -15,15 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
const ctx = getFormContext();
|
|
17
17
|
|
|
18
|
-
const attributes = $derived(
|
|
19
|
-
selectAttributes(
|
|
20
|
-
ctx,
|
|
21
|
-
config,
|
|
22
|
-
handlers,
|
|
23
|
-
config.uiOptions?.select,
|
|
24
|
-
ctx.extraUiOptions?.('select', config)
|
|
25
|
-
)
|
|
26
|
-
);
|
|
18
|
+
const attributes = $derived(selectAttributes(ctx, config, 'select', handlers, {}));
|
|
27
19
|
</script>
|
|
28
20
|
|
|
29
21
|
<select class="select" bind:value={mapped.value} {...attributes}>
|
package/dist/widgets/text.svelte
CHANGED
|
@@ -6,16 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
const ctx = getFormContext();
|
|
8
8
|
|
|
9
|
-
const attributes = $derived(
|
|
10
|
-
inputAttributes(
|
|
11
|
-
ctx,
|
|
12
|
-
config,
|
|
13
|
-
handlers,
|
|
14
|
-
config.uiOptions?.text,
|
|
15
|
-
ctx.extraUiOptions?.('text', config)
|
|
16
|
-
)
|
|
17
|
-
);
|
|
9
|
+
const attributes = $derived(inputAttributes(ctx, config, 'text', handlers, { type: 'text' }));
|
|
18
10
|
</script>
|
|
19
11
|
|
|
20
|
-
<input
|
|
12
|
+
<input bind:value class="input" {...attributes} />
|
|
21
13
|
<Datalist id={attributes.list} {config} />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sjsf/skeleton-theme",
|
|
3
|
-
"version": "2.0.0
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "The skeleton based theme for svelte-jsonschema-form",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -51,41 +51,25 @@
|
|
|
51
51
|
"svelte": "./dist/specs.js"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
+
"dependencies": {
|
|
55
|
+
"@sjsf/basic-theme": "^2.0.0"
|
|
56
|
+
},
|
|
54
57
|
"peerDependencies": {
|
|
55
|
-
"@sjsf/form": "^2.0.0
|
|
56
|
-
"@sjsf/basic-theme": "^2.0.0-next.8",
|
|
58
|
+
"@sjsf/form": "^2.0.0",
|
|
57
59
|
"@skeletonlabs/skeleton": ">=3.0.0-next.0 <=3.0.0-next.10",
|
|
58
60
|
"@tailwindcss/forms": "^0.5.0",
|
|
59
|
-
"svelte": "^5.
|
|
61
|
+
"svelte": "^5.33.0"
|
|
60
62
|
},
|
|
61
63
|
"devDependencies": {
|
|
62
|
-
"@playwright/test": "^1.51.1",
|
|
63
64
|
"@skeletonlabs/skeleton": "3.0.0-next.10",
|
|
64
|
-
"@sveltejs/adapter-static": "^3.0.8",
|
|
65
|
-
"@sveltejs/kit": "^2.20.4",
|
|
66
|
-
"@sveltejs/package": "^2.3.10",
|
|
67
|
-
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
|
68
65
|
"@tailwindcss/forms": "^0.5.10",
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"eslint-config-prettier": "^10.1.1",
|
|
74
|
-
"eslint-plugin-svelte": "^3.5.1",
|
|
75
|
-
"globals": "^16.0.0",
|
|
76
|
-
"postcss": "^8.5.3",
|
|
77
|
-
"prettier": "^3.5.3",
|
|
78
|
-
"prettier-plugin-svelte": "^3.3.3",
|
|
79
|
-
"svelte": "^5.25.9",
|
|
80
|
-
"svelte-check": "^4.1.5",
|
|
66
|
+
"autoprefixer": "10.4.21",
|
|
67
|
+
"globals": "^16.2.0",
|
|
68
|
+
"postcss": "8.5.4",
|
|
69
|
+
"svelte": "^5.33.18",
|
|
81
70
|
"tailwindcss": "^3.4.17",
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"vitest": "3.1.1",
|
|
85
|
-
"@sjsf/ajv8-validator": "2.0.0-next.8",
|
|
86
|
-
"@sjsf/basic-theme": "2.0.0-next.8",
|
|
87
|
-
"@sjsf/form": "2.0.0-next.8",
|
|
88
|
-
"testing": "0.1.0-next.8"
|
|
71
|
+
"@sjsf/form": "2.0.0",
|
|
72
|
+
"testing": "1.0.0"
|
|
89
73
|
},
|
|
90
74
|
"svelte": "./dist/index.js",
|
|
91
75
|
"types": "./dist/index.d.ts",
|