@code-coaching/vuetiful 0.21.3 → 0.22.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/dist/style.css +1 -1
- package/dist/types/components/atoms/VRadio/VRadioGroup.vue.d.ts +9 -0
- package/dist/types/components/atoms/VRadio/VRadioItem.vue.d.ts +11 -1
- package/dist/types/components/molecules/VRail.vue.d.ts +0 -27
- package/dist/types/components/molecules/VRailTile.vue.d.ts +2 -15
- package/dist/vuetiful.es.mjs +52 -89
- package/dist/vuetiful.umd.js +10 -10
- package/package.json +2 -3
- package/src/components/atoms/VRadio/VRadioGroup.vue +11 -2
- package/src/components/atoms/VRadio/VRadioItem.vue +11 -3
- package/src/components/molecules/VRail.vue +14 -20
- package/src/components/molecules/VRailTile.vue +10 -44
- package/dist/styles/all.css +0 -16
package/package.json
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@code-coaching/vuetiful",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.22.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "onchange 'src/**/*.vue' 'src/**/*.ts' 'src/**/*.css' -- npm run build",
|
|
7
7
|
"prebuild": "node 'scripts/intellisense.js'",
|
|
8
|
-
"build": "rimraf dist && vue-tsc && vite build
|
|
9
|
-
"build:style": "npx tailwindcss -i ./src/styles/all.css -o ./dist/styles/all.css && node scripts/minify-css.js",
|
|
8
|
+
"build": "rimraf dist && vue-tsc && vite build",
|
|
10
9
|
"docs:dev": "cd docs && npm run dev",
|
|
11
10
|
"docs:build": "cd docs && npm run build",
|
|
12
11
|
"docs:serve": "cd docs && npm run serve",
|
|
@@ -25,7 +25,7 @@ const props = defineProps({
|
|
|
25
25
|
},
|
|
26
26
|
hover: {
|
|
27
27
|
type: String,
|
|
28
|
-
default: "hover:variant-ghost",
|
|
28
|
+
default: "hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50",
|
|
29
29
|
},
|
|
30
30
|
|
|
31
31
|
background: {
|
|
@@ -36,6 +36,11 @@ const props = defineProps({
|
|
|
36
36
|
type: String,
|
|
37
37
|
default: "text-surface-900 dark:text-surface-50",
|
|
38
38
|
},
|
|
39
|
+
|
|
40
|
+
unstyled: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: false,
|
|
43
|
+
},
|
|
39
44
|
});
|
|
40
45
|
|
|
41
46
|
const parentModelValue = ref(props.modelValue);
|
|
@@ -63,7 +68,11 @@ l
|
|
|
63
68
|
:as="as"
|
|
64
69
|
:disabled="disabled"
|
|
65
70
|
:by="by"
|
|
66
|
-
:class="
|
|
71
|
+
:class="`${
|
|
72
|
+
unstyled
|
|
73
|
+
? ''
|
|
74
|
+
: `radio-group ${background} ${text} inline-flex gap-1 p-1 border-token border-surface-400-500-token rounded-container-token`
|
|
75
|
+
}`"
|
|
67
76
|
v-model="parentModelValue"
|
|
68
77
|
>
|
|
69
78
|
<slot></slot>
|
|
@@ -7,6 +7,10 @@ defineProps({
|
|
|
7
7
|
type: [String, Number, Boolean, Object],
|
|
8
8
|
required: true,
|
|
9
9
|
},
|
|
10
|
+
unstyled: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: false,
|
|
13
|
+
},
|
|
10
14
|
});
|
|
11
15
|
|
|
12
16
|
const active = inject("active") as string;
|
|
@@ -17,9 +21,13 @@ const hover = inject("hover") as string;
|
|
|
17
21
|
<RadioGroupOption v-slot="{ checked, disabled }" :value="value">
|
|
18
22
|
<div
|
|
19
23
|
data-test="radio-item"
|
|
20
|
-
:class="`radio-item
|
|
21
|
-
|
|
22
|
-
|
|
24
|
+
:class="`radio-item ${
|
|
25
|
+
unstyled
|
|
26
|
+
? ''
|
|
27
|
+
: `px-4 py-1 text-center text-base rounded-token ${checked ? active : hover} ${
|
|
28
|
+
disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'
|
|
29
|
+
}`
|
|
30
|
+
}`"
|
|
23
31
|
>
|
|
24
32
|
<slot />
|
|
25
33
|
</div>
|
|
@@ -1,28 +1,18 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import type { CssClasses } from "@/index";
|
|
3
|
+
import { VRadioGroup, useRail } from "@/index";
|
|
3
4
|
import { provide } from "vue";
|
|
4
5
|
|
|
6
|
+
const { selectedRailTile } = useRail();
|
|
7
|
+
|
|
5
8
|
const props = defineProps({
|
|
6
9
|
active: {
|
|
7
10
|
type: String as () => CssClasses,
|
|
8
|
-
default: "
|
|
11
|
+
default: "variant-filled",
|
|
9
12
|
},
|
|
10
13
|
hover: {
|
|
11
14
|
type: String as () => CssClasses,
|
|
12
|
-
default: "hover:
|
|
13
|
-
},
|
|
14
|
-
|
|
15
|
-
regionLead: {
|
|
16
|
-
type: String as () => CssClasses,
|
|
17
|
-
default: "",
|
|
18
|
-
},
|
|
19
|
-
regionDefault: {
|
|
20
|
-
type: String as () => CssClasses,
|
|
21
|
-
default: "",
|
|
22
|
-
},
|
|
23
|
-
regionTrail: {
|
|
24
|
-
type: String as () => CssClasses,
|
|
25
|
-
default: "",
|
|
15
|
+
default: "hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50",
|
|
26
16
|
},
|
|
27
17
|
});
|
|
28
18
|
|
|
@@ -31,9 +21,13 @@ provide("hover", props.hover);
|
|
|
31
21
|
</script>
|
|
32
22
|
|
|
33
23
|
<template>
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
<v-radio-group
|
|
25
|
+
unstyled
|
|
26
|
+
:active="active"
|
|
27
|
+
:hover="hover"
|
|
28
|
+
v-model="selectedRailTile"
|
|
29
|
+
class="vuetiful-rail flex h-full w-[70px] flex-col overflow-y-auto sm:w-20"
|
|
30
|
+
>
|
|
31
|
+
<slot />
|
|
32
|
+
</v-radio-group>
|
|
39
33
|
</template>
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import type { CssClasses } from "@/index";
|
|
3
|
+
import { VRadioItem } from "@/index";
|
|
3
4
|
import { useRail } from "@/services";
|
|
4
|
-
import { inject
|
|
5
|
+
import { inject } from "vue";
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
(event: "click"): void;
|
|
8
|
-
}>();
|
|
9
|
-
|
|
10
|
-
const props = defineProps({
|
|
7
|
+
defineProps({
|
|
11
8
|
value: {
|
|
12
9
|
type: String,
|
|
13
10
|
default: "",
|
|
14
11
|
},
|
|
15
|
-
tag: {
|
|
16
|
-
type: String as () => string,
|
|
17
|
-
default: "button",
|
|
18
|
-
},
|
|
19
12
|
label: {
|
|
20
13
|
type: String as () => string,
|
|
21
14
|
default: "",
|
|
@@ -31,53 +24,26 @@ const props = defineProps({
|
|
|
31
24
|
},
|
|
32
25
|
});
|
|
33
26
|
|
|
34
|
-
const attrs = useAttrs();
|
|
35
|
-
|
|
36
27
|
const { selectedRailTile } = useRail();
|
|
37
28
|
const active = inject("active");
|
|
38
29
|
const hover = inject("hover");
|
|
39
|
-
|
|
40
|
-
const activate = () => {
|
|
41
|
-
selectedRailTile.value = props.value;
|
|
42
|
-
emit("click");
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
const clickHandler = (event: MouseEvent) => {
|
|
46
|
-
event.preventDefault();
|
|
47
|
-
activate();
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
const keydownHandler = (event: KeyboardEvent) => {
|
|
51
|
-
if (["Enter", " "].includes(event.key)) event.preventDefault();
|
|
52
|
-
if (event.key === "Enter") activate();
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
const keyupHandler = (event: KeyboardEvent) => {
|
|
56
|
-
if (event.key === " ") {
|
|
57
|
-
event.preventDefault();
|
|
58
|
-
activate();
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
30
|
</script>
|
|
62
31
|
|
|
63
32
|
<template>
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
:is="tag"
|
|
69
|
-
v-bind="attrs"
|
|
70
|
-
:class="`app-rail-tile unstyled grid aspect-square w-full cursor-pointer place-content-center place-items-center space-y-1.5 ${hover} ${
|
|
33
|
+
<v-radio-item
|
|
34
|
+
:value="value"
|
|
35
|
+
unstyled
|
|
36
|
+
:class="`vuetiful-rail-tile grid aspect-square w-full cursor-pointer place-content-center place-items-center space-y-1.5 ${hover} ${
|
|
71
37
|
selectedRailTile === value ? `${active}` : ''
|
|
72
38
|
}`"
|
|
73
39
|
>
|
|
74
40
|
<template v-if="$slots.default">
|
|
75
|
-
<div :class="`
|
|
41
|
+
<div :class="`vuetiful-rail-tile-icon ${regionIcon}`"><slot /></div>
|
|
76
42
|
</template>
|
|
77
43
|
<template v-if="label">
|
|
78
|
-
<div :class="`
|
|
44
|
+
<div :class="`vuetiful-rail-tile-label text-center text-xs font-bold ${regionLabel}`">
|
|
79
45
|
{{ label }}
|
|
80
46
|
</div>
|
|
81
47
|
</template>
|
|
82
|
-
</
|
|
48
|
+
</v-radio-item>
|
|
83
49
|
</template>
|
package/dist/styles/all.css
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
*,.chip-disabled:active,.chip:disabled:active,::after,::before,button:disabled:active{--tw-scale-x:1;--tw-scale-y:1}.badge>:not([hidden])~:not([hidden]),.btn-icon>:not([hidden])~:not([hidden]),.btn>:not([hidden])~:not([hidden]),.chip>:not([hidden])~:not([hidden]){margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)));--tw-space-x-reverse:0}.btn-icon:active,.btn-icon:hover,.btn:active,.btn:hover,.checkbox:focus,.checkbox:hover,.chip:hover,.radio:focus,.radio:hover,a.card:hover,button:disabled:hover{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)}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal}progress,sub,sup{vertical-align:baseline}a,hr{color:inherit}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul{margin:0}.aspect-square,.btn-icon{aspect-ratio:1/1}.active\:scale-\[100\%\]:active,.btn-icon:active,.btn:active,.card-hover:hover,.chip-disabled:active,.chip:disabled:active,.scale-\[0\.8\],.translate-x-\[100\%\],.translate-x-full,[data-popup] .arrow,button:disabled:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}*,::after,::before{box-sizing:border-box;border:0 solid #e5e7eb}::after,::before{--tw-content:''}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:rgba(128,128,128,0.5)}body{background-color:rgb(var(--color-surface-50));font-family:var(--theme-font-family-base);color:rgba(var(--theme-font-color-base));line-height:inherit}.dark body{background-color:rgb(var(--color-surface-900));color:rgba(var(--theme-font-color-dark))}::-moz-selection{background-color:rgb(var(--color-primary-500) / .3)}::selection{background-color:rgb(var(--color-primary-500) / .3)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{padding-left:1px;padding-right:1px;background-color:rgb(var(--color-surface-50))!important}.dark ::-webkit-scrollbar-track{background-color:rgb(var(--color-surface-900))!important}::-webkit-scrollbar-thumb{background-color:rgb(var(--color-surface-400));border-radius:var(--theme-rounded-base)}.dark ::-webkit-scrollbar-thumb{background-color:rgb(var(--color-surface-500))}html.dark{scrollbar-color:rgba(255,255,255,0.1) rgba(0,0,0,0.05)}hr:not(.divider){display:block;border-top-width:1px;border-style:solid;border-color:rgb(var(--color-surface-300))}.dark .border-surface-300-600-token,.dark hr:not(.divider){border-color:rgb(var(--color-surface-600))}h1:not(.unstyled):is(:not(.prose *)){font-size:1.875rem;line-height:2.25rem;font-family:var(--theme-font-family-heading)}h2:not(.unstyled):is(:not(.prose *)){font-size:1.5rem;line-height:2rem;font-family:var(--theme-font-family-heading)}h3:not(.unstyled):is(:not(.prose *)){font-size:1.25rem;line-height:1.75rem;font-family:var(--theme-font-family-heading)}h4:not(.unstyled):is(:not(.prose *)){font-size:1.125rem;line-height:1.75rem;font-family:var(--theme-font-family-heading)}h5:not(.unstyled):is(:not(.prose *)){font-family:var(--theme-font-family-heading);font-size:1rem;line-height:1.5rem}h6:not(.unstyled):is(:not(.prose *)){font-family:var(--theme-font-family-heading);font-size:.875rem;line-height:1.25rem}p:not(.unstyled):is(:not(.prose *)){font-size:1rem;line-height:1.5rem}a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
|
|
2
|
-
.logo-item
|
|
3
|
-
):not(a.card):not(.list-nav a){--tw-text-opacity:1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity));text-decoration-line:underline}a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
|
|
4
|
-
.logo-item
|
|
5
|
-
):not(a.card):not(.list-nav a):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)}:is(.dark a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
|
|
6
|
-
.logo-item
|
|
7
|
-
):not(a.card):not(.list-nav a)){--tw-text-opacity:1;color:rgb(var(--color-primary-500) / var(--tw-text-opacity))}blockquote:not(.unstyled):is(:not(.prose *)){border-left-width:8px;--tw-border-opacity:1;border-left-color:rgb(var(--color-secondary-500) / var(--tw-border-opacity));font-style:italic;color:rgba(var(--theme-font-color-base));padding-right:1rem;padding-left:1rem;font-size:1rem;line-height:1.5rem}.dark blockquote:not(.unstyled):is(:not(.prose *)){color:rgba(var(--theme-font-color-dark))}kbd:not(.unstyled):is(:not(.prose *)){font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.875rem;line-height:1.25rem;font-weight:700;padding:3px .375rem;background-color:rgb(var(--color-surface-300));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-900) / var(--tw-ring-opacity));--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,0 0 #0000);--tw-border-opacity:1;border-color:rgb(var(--color-surface-900) / var(--tw-border-opacity));border-bottom-width:2px}.dark kbd:not(.unstyled):is(:not(.prose *)){background-color:rgb(var(--color-surface-600))}pre:not(.unstyled):not(.code-block pre):is(:not(.prose *)){overflow-x:auto;background-color:rgb(23 23 23 / .9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;white-space:pre-wrap;background-color:#171717e6;padding:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));border-radius:var(--theme-rounded-container)}code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--tw-text-opacity:1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity));font-size:.75rem;line-height:1rem;background-color:rgb(var(--color-primary-500) / .3);padding:.125rem .25rem;border-radius:.25rem}:is(.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *))){--tw-text-opacity:1;color:rgb(var(--color-primary-400) / var(--tw-text-opacity));background-color:rgb(var(--color-primary-500) / .2)}del:not(.unstyled):is(:not(.prose *)),ins:not(.unstyled):is(:not(.prose *)){display:block;padding:.125rem .125rem .125rem 1.25rem;position:relative;text-decoration:none}del:not(.unstyled):is(:not(.prose *))::before,ins:not(.unstyled):is(:not(.prose *))::before{left:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;position:absolute}ins:not(.unstyled):is(:not(.prose *))::before{content:"+"}del:not(.unstyled):is(:not(.prose *))::before{content:"−"}ins:not(.unstyled):is(:not(.prose *)){--tw-bg-opacity:1;background-color:rgb(var(--color-success-500) / var(--tw-bg-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:rgb(var(--on-success))}del:not(.unstyled):is(:not(.prose *)){--tw-bg-opacity:1;background-color:rgb(var(--color-error-500) / var(--tw-bg-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:rgb(var(--on-error))}time:not(.unstyled):is(:not(.prose *)){--tw-text-opacity:1;color:rgb(var(--color-surface-500) / var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:is(.dark time:not(.unstyled):is(:not(.prose *))){--tw-text-opacity:1;color:rgb(var(--color-surface-400) / var(--tw-text-opacity))}fieldset,label,legend{display:block}::-moz-placeholder{color:rgb(var(--color-surface-500))}::placeholder{color:rgb(var(--color-surface-500))}.dark ::-moz-placeholder{color:rgb(var(--color-surface-400))}.dark ::placeholder{color:rgb(var(--color-surface-400))}:is(.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)}*,::after,::before,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--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: }progress{webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:.5rem;width:100%;overflow:hidden;border-radius:var(--theme-rounded-base);background-color:rgb(var(--color-surface-400))}.dark progress{background-color:rgb(var(--color-surface-500))}progress::-webkit-progress-bar{background-color:rgb(var(--color-surface-400))}.dark progress::-webkit-progress-bar{background-color:rgb(var(--color-surface-500))}progress::-webkit-progress-value{background-color:rgb(var(--color-surface-900))}.dark progress::-webkit-progress-value{background-color:rgb(var(--color-surface-50))}::-moz-progress-bar{background-color:rgb(var(--color-surface-900))}.dark ::-moz-progress-bar{background-color:rgb(var(--color-surface-50))}:indeterminate::-moz-progress-bar{width:0}[type=range]{accent-color:rgb(var(--color-surface-900) / 1);width:100%}:is(.dark [type=range]){accent-color:rgb(var(--color-surface-50) / 1)}*,::after,::before{--tw-translate-x:0;--tw-ring-inset: ;--tw-ring-color:rgb(59 130 246 / 0.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}::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-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 / 0.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: }.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity))}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity))}.label>:not([hidden])~:not([hidden]),.list-dl>:not([hidden])~:not([hidden]),.list-nav ul>:not([hidden])~:not([hidden]),.list>:not([hidden])~:not([hidden]),.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.checkbox,.radio{height:1.25rem;width:1.25rem;--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;cursor:pointer;border-radius:.25rem;background-color:rgb(var(--color-surface-200));background-color:rgb(var(--color-surface-200));border-width:var(--theme-border-base);border-color:rgb(var(--color-surface-400))}.card,.dark .card,.hover\:variant-ghost:hover,.variant-ghost,.variant-ghost-surface{--tw-ring-inset:inset;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.card,.checkbox:checked:focus,.dark .card,.radio:checked:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.dark .checkbox,.dark .radio{background-color:rgb(var(--color-surface-700));border-color:rgb(var(--color-surface-500))}.checkbox:checked,.checkbox:checked:focus,.checkbox:checked:hover,.radio:checked,.radio:checked:focus,.radio:checked:hover{background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));--tw-bg-opacity:1}.checkbox:focus,.checkbox:hover,.radio:focus,.radio:hover,a.card:hover{--tw-brightness:brightness(1.05)}.checkbox:focus,.radio:focus{--tw-border-opacity:1;border-color:rgb(var(--color-primary-500) / var(--tw-border-opacity))}.checkbox:checked:focus,.radio:checked:focus{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.radio,.rounded-token{border-radius:var(--theme-rounded-base)}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--theme-rounded-base)}.btn,.btn-icon{align-items:center;border-radius:var(--theme-rounded-base);display:inline-flex;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;white-space:nowrap;text-align:center}.chip-disabled,.chip:disabled,button:disabled{cursor:not-allowed!important;opacity:.5!important}.chip,.cursor-pointer,.hover\:cursor-pointer:hover,[data-sort],[role=button],button{cursor:pointer}button:disabled:hover{--tw-brightness:brightness(1)}.btn{justify-content:center;padding:9px 1.25rem;font-size:1rem;line-height:1.5rem;justify-content:center;justify-content:center}.btn-icon:hover,.btn:hover{--tw-brightness:brightness(1.15)}.btn-icon:active,.btn:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-brightness:brightness(.9)}.btn-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-icon{justify-content:center;padding:9px 1.25rem;justify-content:center;justify-content:center;width:43px;font-size:1rem;line-height:1.5rem;border-radius:9999px}input[type=file]:not(.file-dropzone-input)::file-selector-button{background-color:rgb(var(--color-surface-900));display:inline-flex;align-items:center;justify-content:center;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:var(--theme-rounded-base);padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;background-color:rgb(var(--color-surface-900));color:rgb(var(--color-surface-50));margin-right:.5rem;border-width:0}input[type=file]:not(.file-dropzone-input)::file-selector-button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}input[type=file]:not(.file-dropzone-input)::file-selector-button:hover{--tw-brightness:brightness(1.15);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]:not(.file-dropzone-input)::file-selector-button:active{--tw-scale-x:95%;--tw-scale-y:95%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--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)}.dark input[type=file]:not(.file-dropzone-input)::file-selector-button{background-color:rgb(var(--color-surface-50));background-color:rgb(var(--color-surface-50));color:rgb(var(--color-surface-900))}.card{background-color:rgb(var(--color-surface-100));--tw-ring-color:rgb(23 23 23 / 0.05);--tw-ring-color:rgb(23 23 23 / .05);border-radius:var(--theme-rounded-container)}.dark .card{background-color:rgb(var(--color-surface-800));--tw-ring-color:rgb(250 250 250 / 0.05);--tw-ring-color:rgb(250 250 250 / .05)}.card-hover,.transition-all,a.card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.card-hover:hover{--tw-scale-x:101%;--tw-scale-y:101%;--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chip{white-space:nowrap;padding:.375rem .75rem;text-align:center;font-size:.75rem;line-height:1rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chip:hover{--tw-brightness:brightness(1.15)}.list,.list-dl,.list-nav ul{list-style-type:none}.list-nav a,.list-nav button,.list-option{display:flex;align-items:center;white-space:nowrap;display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;border-radius:var(--theme-rounded-base)}.list-nav a>:not([hidden])~:not([hidden]),.list-nav button>:not([hidden])~:not([hidden]),.list-option>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.list-nav a:hover,.list-nav button:hover,.list-option:hover{background-color:rgb(var(--color-primary-500) / .1)}.placeholder{height:1.25rem;background-color:rgb(var(--color-surface-300));border-radius:var(--theme-rounded-base)}.dark .bg-surface-300-600-token,.dark .placeholder{background-color:rgb(var(--color-surface-600))}[data-sort]:hover:hover{background-color:rgb(var(--color-primary-500) / .1)}[data-sort]::after{margin-left:.5rem!important;opacity:0;--tw-content:'↓'!important;content:var(--tw-content)!important}.variant-filled{background-color:rgb(var(--color-surface-900));color:rgb(var(--color-surface-50))}.dark .variant-filled{background-color:rgb(var(--color-surface-50));background-color:rgb(var(--color-surface-50));color:rgb(var(--color-surface-900))}.variant-filled-primary{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}:is(.dark .variant-filled-primary){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.variant-filled-secondary{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity));color:rgb(var(--on-secondary))}:is(.dark .variant-filled-secondary){--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity));color:rgb(var(--on-secondary))}.variant-filled-tertiary{--tw-bg-opacity:1;background-color:rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));color:rgb(var(--on-tertiary))}:is(.dark .variant-filled-tertiary){--tw-bg-opacity:1;background-color:rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));color:rgb(var(--on-tertiary))}.variant-filled-success{--tw-bg-opacity:1;background-color:rgb(var(--color-success-500) / var(--tw-bg-opacity));color:rgb(var(--on-success))}:is(.dark .variant-filled-success){--tw-bg-opacity:1;background-color:rgb(var(--color-success-500) / var(--tw-bg-opacity));color:rgb(var(--on-success))}.variant-filled-warning{--tw-bg-opacity:1;background-color:rgb(var(--color-warning-500) / var(--tw-bg-opacity));color:rgb(var(--on-warning))}:is(.dark .variant-filled-warning){--tw-bg-opacity:1;background-color:rgb(var(--color-warning-500) / var(--tw-bg-opacity));color:rgb(var(--on-warning))}.variant-filled-error{--tw-bg-opacity:1;background-color:rgb(var(--color-error-500) / var(--tw-bg-opacity));color:rgb(var(--on-error))}:is(.dark .variant-filled-error){--tw-bg-opacity:1;background-color:rgb(var(--color-error-500) / var(--tw-bg-opacity));color:rgb(var(--on-error))}.variant-filled-surface{background-color:rgb(var(--color-surface-400));color:rgb(var(--on-surface))}.dark .bg-surface-400-500-token,.dark .variant-filled-surface{background-color:rgb(var(--color-surface-500))}:is(.dark .variant-filled-surface){color:rgb(var(--on-surface))}.hover\:variant-ghost:hover,.variant-ghost,.variant-ghost-surface{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-500) / var(--tw-ring-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);background-color:rgb(var(--color-surface-500) / .2)}:is(.dark .variant-ghost),:is(.dark .variant-ghost-surface){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-500) / var(--tw-ring-opacity));background-color:rgb(var(--color-surface-500) / .2)}.hover\:variant-soft:hover,.variant-soft,.variant-soft-surface{background-color:rgb(var(--color-surface-400) / .2);--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;color:rgb(var(--color-surface-700))}.shadow,.shadow-2xl,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .hover\:variant-soft:hover,.dark .text-surface-700-200-token,.dark .variant-soft,.dark .variant-soft-surface{color:rgb(var(--color-surface-200))}:is(.dark .variant-soft),:is(.dark .variant-soft-surface){background-color:rgb(var(--color-surface-500) / .2)}.translate-x-\[100\%\],.translate-x-full{--tw-translate-x:100%}.scale-\[0\.8\]{--tw-scale-x:0.8;--tw-scale-y:0.8}.scale-\[0\.8\],.translate-x-\[100\%\],.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border-black\/50{border-color:rgb(0 0 0 / .5)}.bg-neutral-900\/90{background-color:rgb(23 23 23 / .9)}.bg-white\/50{background-color:rgb(255 255 255 / .5)}.bg-opacity-90{--tw-bg-opacity:0.9}.text-white\/50{color:rgb(255 255 255 / .5)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.dark .ring-outline-token,.ring-outline-token{--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,0 0 #0000);--tw-ring-inset:inset;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.shadow-surface-500\/10{--tw-shadow-color:rgb(var(--color-surface-500) / 0.1);--tw-shadow:var(--tw-shadow-colored)}.ring-surface-500\/30{--tw-ring-color:rgb(var(--color-surface-500) / 0.3)}.ring-surface-500\/50{--tw-ring-color:rgb(var(--color-surface-500) / 0.5)}.ring-outline-token{--tw-ring-color:rgb(23 23 23 / 0.05)}.dark .ring-outline-token{--tw-ring-color:rgb(250 250 250 / 0.05)}:is(.dark .hover\:variant-ghost:hover){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-500) / var(--tw-ring-opacity));background-color:rgb(var(--color-surface-500) / .2)}:is(.dark .hover\:variant-soft:hover){background-color:rgb(var(--color-surface-500) / .2)}:is(.dark .dark\:border-white\/50){border-color:rgb(255 255 255 / .5)}:is(.dark .dark\:bg-black\/50){background-color:rgb(0 0 0 / .5)}:is(.dark .dark\:shadow-black\/10){--tw-shadow-color:rgb(0 0 0 / 0.1);--tw-shadow:var(--tw-shadow-colored)}.hidden,[data-popup],[hidden]{display:none}.sr-only,fieldset,legend,menu,ol,ul{padding:0}.w-modal-slim{max-width:400px;width:100%}.w-modal{max-width:640px;width:100%}.w-modal-wide{max-width:80%;width:100%}[data-popup]{position:absolute;left:0;top:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.2s}[data-popup] .arrow{height:.5rem;width:.5rem;--tw-rotate:45deg;position:absolute}.fade-150-enter-active,.fade-150-leave-active{transition:opacity 150ms}.fade-300-enter-active,.fade-300-leave-active{transition:opacity .3s}.duration-150,.duration-\[150ms\],.transition,.transition-transform{transition-duration:.15s}.ease-in-out,.transition,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.fade-150-enter-from,.fade-150-leave-to,.fade-300-enter-from,.fade-300-leave-to,.opacity-0{opacity:0}.slide-left-150-enter-active{animation:150ms slide-left}.slide-left-150-leave-active{animation:150ms reverse slide-left}.slide-left-300-enter-active{animation:.3s slide-left}.slide-left-300-leave-active{animation:.3s reverse slide-left}@keyframes slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.slide-top-150-enter-active{animation:150ms slide-top}.slide-top-150-leave-active{animation:150ms reverse slide-top}.slide-top-300-enter-active{animation:.3s slide-top}.slide-top-300-leave-active{animation:.3s reverse slide-top}@keyframes slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.slide-right-150-enter-active{animation:150ms slide-right}.slide-right-150-leave-active{animation:150ms reverse slide-right}.slide-right-300-enter-active{animation:.3s slide-right}.slide-right-300-leave-active{animation:.3s reverse slide-right}@keyframes slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.slide-bottom-150-enter-active{animation:150ms slide-bottom}.slide-bottom-150-leave-active{animation:150ms reverse slide-bottom}.slide-bottom-300-enter-active{animation:.3s slide-bottom}.slide-bottom-300-leave-active{animation:.3s reverse slide-bottom}@keyframes slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
8
|
-
Theme: GitHub Dark
|
|
9
|
-
Description: Dark theme as seen on github.com
|
|
10
|
-
Author: github.com
|
|
11
|
-
Maintainer: @Hirse
|
|
12
|
-
Updated: 2021-05-15
|
|
13
|
-
|
|
14
|
-
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
15
|
-
Current colors taken from GitHub's CSS
|
|
16
|
-
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.icon[data-v-0d055d3d],.icon[data-v-75f8b8b4],.icon[data-v-85546624]{margin-top:.25rem;margin-bottom:.25rem;height:1rem;width:1rem;fill:currentColor}.icon[data-v-c395555e]{margin-top:.25rem;margin-bottom:.25rem;height:1.5rem;min-height:1.5rem;width:1.5rem;min-width:1.5rem;fill:currentColor}.vuetiful-card-header,.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}@font-face{font-family:myfont;src:url(data:font/woff;base64,d09GRgABAAAAAATMAAsAAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGBGNtYXAAAAFoAAAAVAAAAFQWfNQ7Z2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMQAAADE9iu5ZGhlYWQAAAKIAAAANgAAADYfdnyraGhlYQAAAsAAAAAkAAAAJAfCA8ZobXR4AAAC5AAAABQAAAAUCgAAAGxvY2EAAAL4AAAADAAAAAwAKAB2bWF4cAAAAwQAAAAgAAAAIAAHACxuYW1lAAADJAAAAYYAAAGGmUoJ+3Bvc3QAAASsAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6doDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOna//3//wAAAAAAIOna//3//wAB/+MWKgADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8wEAAOAACkAAAEiBw4BBwYHJicuAScmIyIHDgEHBhUUFx4BFxYXNjc+ATc2NTQnLgEnJgLzKCUlPxkZEBAZGT8lJSg4MTFJFRUzM5lZWk5KWVmbNTQVFUkxMQOADw8yICEiIiEgMg8PFRVJMTE4cU5Pjk5NcG9PT5BOT204MTFJFRUAAAEAAAAAAABxV9/FXw889QALBAAAAAAA3iwcMQAAAADeLBwxAAD/zAQAA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AYgABAAAABQAqAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)}[class*=" icon-"],[class^=icon-]{font-family:myfont!important}.icon-heart:before{content:"\e9da"}.global-example{color:red}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb;--tw-translate-x:0;--tw-scale-x:1;--tw-scale-y:1;--tw-ring-inset: ;--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}:after,:before{--tw-content:""}html{scrollbar-color:rgba(0,0,0,0.2) rgba(255,255,255,0.05);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}hr{height:0;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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}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-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}.shadow,.shadow-2xl,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}::-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}menu,ol,ul{list-style:none}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}::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-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: }.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-4{margin:-1rem}.mt-1,.my-1{margin-top:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem}.mb-\[-2px\]{margin-bottom:-2px}.mr-\[-2px\]{margin-right:-2px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[50\%\]{height:50%}.h-\[812px\]{height:812px}.h-full{height:100%}.max-h-64{max-height:16rem}.min-h-\[1\.5rem\]{min-height:1.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-\[50\%\]{width:50%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-full{min-width:100%}.max-w-\[375px\]{max-width:375px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.translate-x-\[100\%\],.translate-x-full{--tw-translate-x:100%}.scale-\[0\.8\]{--tw-scale-x:.8;--tw-scale-y:.8}.cursor-not-allowed{cursor:not-allowed}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.\!rounded-bl-none{border-bottom-left-radius:0!important}.\!rounded-br-none{border-bottom-right-radius:0!important}.\!rounded-tl-none{border-top-left-radius:0!important}.\!rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px}.border-8{border-width:8px}.border-b-2{border-bottom-width:2px}.border-r-2{border-right-width:2px}.border-black\/50{border-color:#00000080}.bg-neutral-900\/90{background-color:#171717e6}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity))}.bg-surface-200{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-200) / var(--tw-bg-opacity))}.bg-surface-50{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-50) / var(--tw-bg-opacity))}.bg-surface-900{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white\/50{background-color:#ffffff80}.bg-opacity-90{--tw-bg-opacity:.9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.p-1{padding:.25rem}.p-2{padding:.5rem}.pl-4,.px-4{padding-left:1rem}.p-4{padding:1rem}.px-4{padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.hover\:text-primary-900:hover,.text-primary-900{--tw-text-opacity:1;color:rgb(var(--color-primary-900) / var(--tw-text-opacity))}.text-surface-50{--tw-text-opacity:1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}.text-surface-900{--tw-text-opacity:1;color:rgb(var(--color-surface-900) / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/50{color:#ffffff80}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-surface-500\/10{--tw-shadow-color:rgb(var(--color-surface-500) / .1);--tw-shadow:var(--tw-shadow-colored)}.ring{--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(3px + 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)}.dark .ring-outline-token,.ring-\[1px\],.ring-outline-token{--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,0 0 #0000)}.ring-surface-500\/30{--tw-ring-color:rgb(var(--color-surface-500) / .3)}.ring-surface-500\/50{--tw-ring-color:rgb(var(--color-surface-500) / .5)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-transform{transition-property:transform}.duration-300{transition-duration:.3s}.duration-\[200ms\]{transition-duration:.2s}.dark .bg-primary-backdrop-token{background-color:rgb(var(--color-primary-900) / .7)}.dark .bg-primary-50-900-token{background-color:rgb(var(--color-primary-900))}.dark .bg-primary-100-800-token{background-color:rgb(var(--color-primary-800))}.dark .bg-primary-200-700-token{background-color:rgb(var(--color-primary-700))}.dark .bg-primary-300-600-token{background-color:rgb(var(--color-primary-600))}.dark .bg-primary-400-500-token{background-color:rgb(var(--color-primary-500))}.dark .bg-primary-900-50-token{background-color:rgb(var(--color-primary-50))}.dark .bg-primary-800-100-token{background-color:rgb(var(--color-primary-100))}.dark .bg-primary-700-200-token{background-color:rgb(var(--color-primary-200))}.dark .bg-primary-600-300-token{background-color:rgb(var(--color-primary-300))}.dark .bg-primary-500-400-token{background-color:rgb(var(--color-primary-400))}.dark .bg-secondary-backdrop-token{background-color:rgb(var(--color-secondary-900) / .7)}.bg-secondary-active-token{background-color:rgb(var(--color-secondary-500))!important;color:rgb(var(--on-secondary));fill:rgb(var(--on-secondary))}.dark .bg-secondary-50-900-token{background-color:rgb(var(--color-secondary-900))}.dark .bg-secondary-100-800-token{background-color:rgb(var(--color-secondary-800))}.dark .bg-secondary-200-700-token{background-color:rgb(var(--color-secondary-700))}.dark .bg-secondary-300-600-token{background-color:rgb(var(--color-secondary-600))}.dark .bg-secondary-400-500-token{background-color:rgb(var(--color-secondary-500))}.dark .bg-secondary-900-50-token{background-color:rgb(var(--color-secondary-50))}.dark .bg-secondary-800-100-token{background-color:rgb(var(--color-secondary-100))}.dark .bg-secondary-700-200-token{background-color:rgb(var(--color-secondary-200))}.dark .bg-secondary-600-300-token{background-color:rgb(var(--color-secondary-300))}.dark .bg-secondary-500-400-token{background-color:rgb(var(--color-secondary-400))}.dark .bg-tertiary-backdrop-token{background-color:rgb(var(--color-tertiary-900) / .7)}.dark .bg-tertiary-50-900-token{background-color:rgb(var(--color-tertiary-900))}.dark .bg-tertiary-100-800-token{background-color:rgb(var(--color-tertiary-800))}.dark .bg-tertiary-200-700-token{background-color:rgb(var(--color-tertiary-700))}.dark .bg-tertiary-300-600-token{background-color:rgb(var(--color-tertiary-600))}.dark .bg-tertiary-400-500-token{background-color:rgb(var(--color-tertiary-500))}.dark .bg-tertiary-900-50-token{background-color:rgb(var(--color-tertiary-50))}.dark .bg-tertiary-800-100-token{background-color:rgb(var(--color-tertiary-100))}.dark .bg-tertiary-700-200-token{background-color:rgb(var(--color-tertiary-200))}.dark .bg-tertiary-600-300-token{background-color:rgb(var(--color-tertiary-300))}.dark .bg-tertiary-500-400-token{background-color:rgb(var(--color-tertiary-400))}.dark .bg-success-backdrop-token{background-color:rgb(var(--color-success-900) / .7)}.dark .bg-success-50-900-token{background-color:rgb(var(--color-success-900))}.dark .bg-success-100-800-token{background-color:rgb(var(--color-success-800))}.dark .bg-success-200-700-token{background-color:rgb(var(--color-success-700))}.dark .bg-success-300-600-token{background-color:rgb(var(--color-success-600))}.dark .bg-success-400-500-token{background-color:rgb(var(--color-success-500))}.dark .bg-success-900-50-token{background-color:rgb(var(--color-success-50))}.dark .bg-success-800-100-token{background-color:rgb(var(--color-success-100))}.dark .bg-success-700-200-token{background-color:rgb(var(--color-success-200))}.dark .bg-success-600-300-token{background-color:rgb(var(--color-success-300))}.dark .bg-success-500-400-token{background-color:rgb(var(--color-success-400))}.dark .bg-warning-backdrop-token{background-color:rgb(var(--color-warning-900) / .7)}.dark .bg-warning-50-900-token{background-color:rgb(var(--color-warning-900))}.dark .bg-warning-100-800-token{background-color:rgb(var(--color-warning-800))}.dark .bg-warning-200-700-token{background-color:rgb(var(--color-warning-700))}.dark .bg-warning-300-600-token{background-color:rgb(var(--color-warning-600))}.dark .bg-warning-400-500-token{background-color:rgb(var(--color-warning-500))}.dark .bg-warning-900-50-token{background-color:rgb(var(--color-warning-50))}.dark .bg-warning-800-100-token{background-color:rgb(var(--color-warning-100))}.dark .bg-warning-700-200-token{background-color:rgb(var(--color-warning-200))}.dark .bg-warning-600-300-token{background-color:rgb(var(--color-warning-300))}.dark .bg-warning-500-400-token{background-color:rgb(var(--color-warning-400))}.dark .bg-error-backdrop-token{background-color:rgb(var(--color-error-900) / .7)}.dark .bg-error-50-900-token{background-color:rgb(var(--color-error-900))}.dark .bg-error-100-800-token{background-color:rgb(var(--color-error-800))}.dark .bg-error-200-700-token{background-color:rgb(var(--color-error-700))}.dark .bg-error-300-600-token{background-color:rgb(var(--color-error-600))}.dark .bg-error-400-500-token{background-color:rgb(var(--color-error-500))}.dark .bg-error-900-50-token{background-color:rgb(var(--color-error-50))}.dark .bg-error-800-100-token{background-color:rgb(var(--color-error-100))}.dark .bg-error-700-200-token{background-color:rgb(var(--color-error-200))}.dark .bg-error-600-300-token{background-color:rgb(var(--color-error-300))}.dark .bg-error-500-400-token{background-color:rgb(var(--color-error-400))}.bg-surface-backdrop-token{background-color:rgb(var(--color-surface-400) / .7)}.dark .bg-surface-backdrop-token{background-color:rgb(var(--color-surface-900) / .7)}.dark .bg-surface-50-900-token{background-color:rgb(var(--color-surface-900))}.bg-surface-100-800-token,.dark .bg-surface-800-100-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-100-800-token{background-color:rgb(var(--color-surface-800))}.bg-surface-200-700-token,.dark .bg-surface-700-200-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-200-700-token{background-color:rgb(var(--color-surface-700))}.dark .bg-surface-900-50-token{background-color:rgb(var(--color-surface-50))}.dark .bg-surface-600-300-token{background-color:rgb(var(--color-surface-300))}.dark .bg-surface-500-400-token{background-color:rgb(var(--color-surface-400))}.border-token{border-width:var(--theme-border-base)}.dark .border-primary-50-900-token{border-color:rgb(var(--color-primary-900))}.dark .border-primary-100-800-token{border-color:rgb(var(--color-primary-800))}.dark .border-primary-200-700-token{border-color:rgb(var(--color-primary-700))}.dark .border-primary-300-600-token{border-color:rgb(var(--color-primary-600))}.dark .border-primary-400-500-token{border-color:rgb(var(--color-primary-500))}.dark .border-primary-900-50-token{border-color:rgb(var(--color-primary-50))}.dark .border-primary-800-100-token{border-color:rgb(var(--color-primary-100))}.dark .border-primary-700-200-token{border-color:rgb(var(--color-primary-200))}.dark .border-primary-600-300-token{border-color:rgb(var(--color-primary-300))}.dark .border-primary-500-400-token{border-color:rgb(var(--color-primary-400))}.dark .border-secondary-50-900-token{border-color:rgb(var(--color-secondary-900))}.dark .border-secondary-100-800-token{border-color:rgb(var(--color-secondary-800))}.dark .border-secondary-200-700-token{border-color:rgb(var(--color-secondary-700))}.dark .border-secondary-300-600-token{border-color:rgb(var(--color-secondary-600))}.dark .border-secondary-400-500-token{border-color:rgb(var(--color-secondary-500))}.dark .border-secondary-900-50-token{border-color:rgb(var(--color-secondary-50))}.dark .border-secondary-800-100-token{border-color:rgb(var(--color-secondary-100))}.dark .border-secondary-700-200-token{border-color:rgb(var(--color-secondary-200))}.dark .border-secondary-600-300-token{border-color:rgb(var(--color-secondary-300))}.dark .border-secondary-500-400-token{border-color:rgb(var(--color-secondary-400))}.dark .border-tertiary-50-900-token{border-color:rgb(var(--color-tertiary-900))}.dark .border-tertiary-100-800-token{border-color:rgb(var(--color-tertiary-800))}.dark .border-tertiary-200-700-token{border-color:rgb(var(--color-tertiary-700))}.dark .border-tertiary-300-600-token{border-color:rgb(var(--color-tertiary-600))}.dark .border-tertiary-400-500-token{border-color:rgb(var(--color-tertiary-500))}.dark .border-tertiary-900-50-token{border-color:rgb(var(--color-tertiary-50))}.dark .border-tertiary-800-100-token{border-color:rgb(var(--color-tertiary-100))}.dark .border-tertiary-700-200-token{border-color:rgb(var(--color-tertiary-200))}.dark .border-tertiary-600-300-token{border-color:rgb(var(--color-tertiary-300))}.dark .border-tertiary-500-400-token{border-color:rgb(var(--color-tertiary-400))}.dark .border-success-50-900-token{border-color:rgb(var(--color-success-900))}.dark .border-success-100-800-token{border-color:rgb(var(--color-success-800))}.dark .border-success-200-700-token{border-color:rgb(var(--color-success-700))}.dark .border-success-300-600-token{border-color:rgb(var(--color-success-600))}.dark .border-success-400-500-token{border-color:rgb(var(--color-success-500))}.dark .border-success-900-50-token{border-color:rgb(var(--color-success-50))}.dark .border-success-800-100-token{border-color:rgb(var(--color-success-100))}.dark .border-success-700-200-token{border-color:rgb(var(--color-success-200))}.dark .border-success-600-300-token{border-color:rgb(var(--color-success-300))}.dark .border-success-500-400-token{border-color:rgb(var(--color-success-400))}.dark .border-warning-50-900-token{border-color:rgb(var(--color-warning-900))}.dark .border-warning-100-800-token{border-color:rgb(var(--color-warning-800))}.dark .border-warning-200-700-token{border-color:rgb(var(--color-warning-700))}.dark .border-warning-300-600-token{border-color:rgb(var(--color-warning-600))}.dark .border-warning-400-500-token{border-color:rgb(var(--color-warning-500))}.dark .border-warning-900-50-token{border-color:rgb(var(--color-warning-50))}.dark .border-warning-800-100-token{border-color:rgb(var(--color-warning-100))}.dark .border-warning-700-200-token{border-color:rgb(var(--color-warning-200))}.dark .border-warning-600-300-token{border-color:rgb(var(--color-warning-300))}.dark .border-warning-500-400-token{border-color:rgb(var(--color-warning-400))}.dark .border-error-50-900-token{border-color:rgb(var(--color-error-900))}.dark .border-error-100-800-token{border-color:rgb(var(--color-error-800))}.dark .border-error-200-700-token{border-color:rgb(var(--color-error-700))}.dark .border-error-300-600-token{border-color:rgb(var(--color-error-600))}.dark .border-error-400-500-token{border-color:rgb(var(--color-error-500))}.dark .border-error-900-50-token{border-color:rgb(var(--color-error-50))}.dark .border-error-800-100-token{border-color:rgb(var(--color-error-100))}.dark .border-error-700-200-token{border-color:rgb(var(--color-error-200))}.dark .border-error-600-300-token{border-color:rgb(var(--color-error-300))}.dark .border-error-500-400-token{border-color:rgb(var(--color-error-400))}.border-surface-900-50-token,.dark .border-surface-50-900-token{border-color:rgb(var(--color-surface-900))}.dark .border-surface-100-800-token{border-color:rgb(var(--color-surface-800))}.dark .border-surface-200-700-token{border-color:rgb(var(--color-surface-700))}.border-surface-400-500-token,.dark .border-surface-500-400-token{border-color:rgb(var(--color-surface-400))}.dark .border-surface-400-500-token{border-color:rgb(var(--color-surface-500))}.dark .border-surface-900-50-token{border-color:rgb(var(--color-surface-50))}.dark .border-surface-800-100-token{border-color:rgb(var(--color-surface-100))}.dark .border-surface-700-200-token{border-color:rgb(var(--color-surface-200))}.dark .border-surface-600-300-token{border-color:rgb(var(--color-surface-300))}.rounded-container-token{border-radius:var(--theme-rounded-container)}.rounded-tl-container-token{border-top-left-radius:var(--theme-rounded-container)}.rounded-tr-container-token{border-top-right-radius:var(--theme-rounded-container)}.rounded-bl-container-token{border-bottom-left-radius:var(--theme-rounded-container)}.rounded-br-container-token{border-bottom-right-radius:var(--theme-rounded-container)}.fill-base-token{fill:rgba(var(--theme-font-color-base))}.dark .fill-token{fill:rgba(var(--theme-font-color-dark))}.fill-on-surface-token{fill:rgb(var(--on-surface))}.dark .text-token{color:rgba(var(--theme-font-color-dark))}.dark .text-primary-50-900-token{color:rgb(var(--color-primary-900))}.dark .text-primary-100-800-token{color:rgb(var(--color-primary-800))}.dark .text-primary-200-700-token{color:rgb(var(--color-primary-700))}.dark .text-primary-300-600-token{color:rgb(var(--color-primary-600))}.dark .text-primary-400-500-token{color:rgb(var(--color-primary-500))}.dark .text-primary-900-50-token{color:rgb(var(--color-primary-50))}.dark .text-primary-800-100-token{color:rgb(var(--color-primary-100))}.dark .text-primary-700-200-token{color:rgb(var(--color-primary-200))}.dark .text-primary-600-300-token{color:rgb(var(--color-primary-300))}.dark .text-primary-500-400-token{color:rgb(var(--color-primary-400))}.dark .text-secondary-50-900-token{color:rgb(var(--color-secondary-900))}.dark .text-secondary-100-800-token{color:rgb(var(--color-secondary-800))}.dark .text-secondary-200-700-token{color:rgb(var(--color-secondary-700))}.dark .text-secondary-300-600-token{color:rgb(var(--color-secondary-600))}.dark .text-secondary-400-500-token{color:rgb(var(--color-secondary-500))}.dark .text-secondary-900-50-token{color:rgb(var(--color-secondary-50))}.dark .text-secondary-800-100-token{color:rgb(var(--color-secondary-100))}.dark .text-secondary-700-200-token{color:rgb(var(--color-secondary-200))}.dark .text-secondary-600-300-token{color:rgb(var(--color-secondary-300))}.dark .text-secondary-500-400-token{color:rgb(var(--color-secondary-400))}.dark .text-tertiary-50-900-token{color:rgb(var(--color-tertiary-900))}.dark .text-tertiary-100-800-token{color:rgb(var(--color-tertiary-800))}.dark .text-tertiary-200-700-token{color:rgb(var(--color-tertiary-700))}.dark .text-tertiary-300-600-token{color:rgb(var(--color-tertiary-600))}.dark .text-tertiary-400-500-token{color:rgb(var(--color-tertiary-500))}.dark .text-tertiary-900-50-token{color:rgb(var(--color-tertiary-50))}.dark .text-tertiary-800-100-token{color:rgb(var(--color-tertiary-100))}.dark .text-tertiary-700-200-token{color:rgb(var(--color-tertiary-200))}.dark .text-tertiary-600-300-token{color:rgb(var(--color-tertiary-300))}.dark .text-tertiary-500-400-token{color:rgb(var(--color-tertiary-400))}.dark .text-success-50-900-token{color:rgb(var(--color-success-900))}.dark .text-success-100-800-token{color:rgb(var(--color-success-800))}.dark .text-success-200-700-token{color:rgb(var(--color-success-700))}.dark .text-success-300-600-token{color:rgb(var(--color-success-600))}.dark .text-success-400-500-token{color:rgb(var(--color-success-500))}.dark .text-success-900-50-token{color:rgb(var(--color-success-50))}.dark .text-success-800-100-token{color:rgb(var(--color-success-100))}.dark .text-success-700-200-token{color:rgb(var(--color-success-200))}.dark .text-success-600-300-token{color:rgb(var(--color-success-300))}.dark .text-success-500-400-token{color:rgb(var(--color-success-400))}.dark .text-warning-50-900-token{color:rgb(var(--color-warning-900))}.dark .text-warning-100-800-token{color:rgb(var(--color-warning-800))}.dark .text-warning-200-700-token{color:rgb(var(--color-warning-700))}.dark .text-warning-300-600-token{color:rgb(var(--color-warning-600))}.dark .text-warning-400-500-token{color:rgb(var(--color-warning-500))}.dark .text-warning-900-50-token{color:rgb(var(--color-warning-50))}.dark .text-warning-800-100-token{color:rgb(var(--color-warning-100))}.dark .text-warning-700-200-token{color:rgb(var(--color-warning-200))}.dark .text-warning-600-300-token{color:rgb(var(--color-warning-300))}.dark .text-warning-500-400-token{color:rgb(var(--color-warning-400))}.dark .text-error-50-900-token{color:rgb(var(--color-error-900))}.dark .text-error-100-800-token{color:rgb(var(--color-error-800))}.dark .text-error-200-700-token{color:rgb(var(--color-error-700))}.dark .text-error-300-600-token{color:rgb(var(--color-error-600))}.dark .text-error-400-500-token{color:rgb(var(--color-error-500))}.dark .text-error-900-50-token{color:rgb(var(--color-error-50))}.dark .text-error-800-100-token{color:rgb(var(--color-error-100))}.dark .text-error-700-200-token{color:rgb(var(--color-error-200))}.dark .text-error-600-300-token{color:rgb(var(--color-error-300))}.dark .text-error-500-400-token{color:rgb(var(--color-error-400))}.dark .text-surface-50-900-token,.text-surface-900-50-token{color:rgb(var(--color-surface-900))}.dark .text-surface-100-800-token{color:rgb(var(--color-surface-800))}.dark .text-surface-200-700-token{color:rgb(var(--color-surface-700))}.dark .text-surface-300-600-token{color:rgb(var(--color-surface-600))}.dark .text-surface-400-500-token{color:rgb(var(--color-surface-500))}.dark .text-surface-900-50-token{color:rgb(var(--color-surface-50))}.dark .text-surface-800-100-token{color:rgb(var(--color-surface-100))}.dark .text-surface-600-300-token{color:rgb(var(--color-surface-300))}.dark .text-surface-500-400-token{color:rgb(var(--color-surface-400))}.ring-outline-token{--tw-ring-inset:inset;--tw-ring-color:rgb(23 23 23 / .05)}.dark .ring-outline-token{--tw-ring-inset:inset;--tw-ring-color:rgb(250 250 250 / .05)}.dark .ring-primary-50-900-token{--tw-ring-color:rgb(var(--color-primary-900) / 1)}.dark .ring-primary-100-800-token{--tw-ring-color:rgb(var(--color-primary-800) / 1)}.dark .ring-primary-200-700-token{--tw-ring-color:rgb(var(--color-primary-700) / 1)}.dark .ring-primary-300-600-token{--tw-ring-color:rgb(var(--color-primary-600) / 1)}.dark .ring-primary-400-500-token{--tw-ring-color:rgb(var(--color-primary-500) / 1)}.dark .ring-primary-900-50-token{--tw-ring-color:rgb(var(--color-primary-50) / 1)}.dark .ring-primary-800-100-token{--tw-ring-color:rgb(var(--color-primary-100) / 1)}.dark .ring-primary-700-200-token{--tw-ring-color:rgb(var(--color-primary-200) / 1)}.dark .ring-primary-600-300-token{--tw-ring-color:rgb(var(--color-primary-300) / 1)}.dark .ring-primary-500-400-token{--tw-ring-color:rgb(var(--color-primary-400) / 1)}.dark .ring-secondary-50-900-token{--tw-ring-color:rgb(var(--color-secondary-900) / 1)}.dark .ring-secondary-100-800-token{--tw-ring-color:rgb(var(--color-secondary-800) / 1)}.dark .ring-secondary-200-700-token{--tw-ring-color:rgb(var(--color-secondary-700) / 1)}.dark .ring-secondary-300-600-token{--tw-ring-color:rgb(var(--color-secondary-600) / 1)}.dark .ring-secondary-400-500-token{--tw-ring-color:rgb(var(--color-secondary-500) / 1)}.dark .ring-secondary-900-50-token{--tw-ring-color:rgb(var(--color-secondary-50) / 1)}.dark .ring-secondary-800-100-token{--tw-ring-color:rgb(var(--color-secondary-100) / 1)}.dark .ring-secondary-700-200-token{--tw-ring-color:rgb(var(--color-secondary-200) / 1)}.dark .ring-secondary-600-300-token{--tw-ring-color:rgb(var(--color-secondary-300) / 1)}.dark .ring-secondary-500-400-token{--tw-ring-color:rgb(var(--color-secondary-400) / 1)}.dark .ring-tertiary-50-900-token{--tw-ring-color:rgb(var(--color-tertiary-900) / 1)}.dark .ring-tertiary-100-800-token{--tw-ring-color:rgb(var(--color-tertiary-800) / 1)}.dark .ring-tertiary-200-700-token{--tw-ring-color:rgb(var(--color-tertiary-700) / 1)}.dark .ring-tertiary-300-600-token{--tw-ring-color:rgb(var(--color-tertiary-600) / 1)}.dark .ring-tertiary-400-500-token{--tw-ring-color:rgb(var(--color-tertiary-500) / 1)}.dark .ring-tertiary-900-50-token{--tw-ring-color:rgb(var(--color-tertiary-50) / 1)}.dark .ring-tertiary-800-100-token{--tw-ring-color:rgb(var(--color-tertiary-100) / 1)}.dark .ring-tertiary-700-200-token{--tw-ring-color:rgb(var(--color-tertiary-200) / 1)}.dark .ring-tertiary-600-300-token{--tw-ring-color:rgb(var(--color-tertiary-300) / 1)}.dark .ring-tertiary-500-400-token{--tw-ring-color:rgb(var(--color-tertiary-400) / 1)}.dark .ring-success-50-900-token{--tw-ring-color:rgb(var(--color-success-900) / 1)}.dark .ring-success-100-800-token{--tw-ring-color:rgb(var(--color-success-800) / 1)}.dark .ring-success-200-700-token{--tw-ring-color:rgb(var(--color-success-700) / 1)}.dark .ring-success-300-600-token{--tw-ring-color:rgb(var(--color-success-600) / 1)}.dark .ring-success-400-500-token{--tw-ring-color:rgb(var(--color-success-500) / 1)}.dark .ring-success-900-50-token{--tw-ring-color:rgb(var(--color-success-50) / 1)}.dark .ring-success-800-100-token{--tw-ring-color:rgb(var(--color-success-100) / 1)}.dark .ring-success-700-200-token{--tw-ring-color:rgb(var(--color-success-200) / 1)}.dark .ring-success-600-300-token{--tw-ring-color:rgb(var(--color-success-300) / 1)}.dark .ring-success-500-400-token{--tw-ring-color:rgb(var(--color-success-400) / 1)}.dark .ring-warning-50-900-token{--tw-ring-color:rgb(var(--color-warning-900) / 1)}.dark .ring-warning-100-800-token{--tw-ring-color:rgb(var(--color-warning-800) / 1)}.dark .ring-warning-200-700-token{--tw-ring-color:rgb(var(--color-warning-700) / 1)}.dark .ring-warning-300-600-token{--tw-ring-color:rgb(var(--color-warning-600) / 1)}.dark .ring-warning-400-500-token{--tw-ring-color:rgb(var(--color-warning-500) / 1)}.dark .ring-warning-900-50-token{--tw-ring-color:rgb(var(--color-warning-50) / 1)}.dark .ring-warning-800-100-token{--tw-ring-color:rgb(var(--color-warning-100) / 1)}.dark .ring-warning-700-200-token{--tw-ring-color:rgb(var(--color-warning-200) / 1)}.dark .ring-warning-600-300-token{--tw-ring-color:rgb(var(--color-warning-300) / 1)}.dark .ring-warning-500-400-token{--tw-ring-color:rgb(var(--color-warning-400) / 1)}.dark .ring-error-50-900-token{--tw-ring-color:rgb(var(--color-error-900) / 1)}.dark .ring-error-100-800-token{--tw-ring-color:rgb(var(--color-error-800) / 1)}.dark .ring-error-200-700-token{--tw-ring-color:rgb(var(--color-error-700) / 1)}.dark .ring-error-300-600-token{--tw-ring-color:rgb(var(--color-error-600) / 1)}.dark .ring-error-400-500-token{--tw-ring-color:rgb(var(--color-error-500) / 1)}.dark .ring-error-900-50-token{--tw-ring-color:rgb(var(--color-error-50) / 1)}.dark .ring-error-800-100-token{--tw-ring-color:rgb(var(--color-error-100) / 1)}.dark .ring-error-700-200-token{--tw-ring-color:rgb(var(--color-error-200) / 1)}.dark .ring-error-600-300-token{--tw-ring-color:rgb(var(--color-error-300) / 1)}.dark .ring-error-500-400-token{--tw-ring-color:rgb(var(--color-error-400) / 1)}.dark .ring-surface-50-900-token{--tw-ring-color:rgb(var(--color-surface-900) / 1)}.dark .ring-surface-100-800-token{--tw-ring-color:rgb(var(--color-surface-800) / 1)}.dark .ring-surface-200-700-token{--tw-ring-color:rgb(var(--color-surface-700) / 1)}.dark .ring-surface-300-600-token{--tw-ring-color:rgb(var(--color-surface-600) / 1)}.dark .ring-surface-400-500-token{--tw-ring-color:rgb(var(--color-surface-500) / 1)}.dark .ring-surface-900-50-token{--tw-ring-color:rgb(var(--color-surface-50) / 1)}.dark .ring-surface-800-100-token{--tw-ring-color:rgb(var(--color-surface-100) / 1)}.dark .ring-surface-700-200-token{--tw-ring-color:rgb(var(--color-surface-200) / 1)}.dark .ring-surface-600-300-token{--tw-ring-color:rgb(var(--color-surface-300) / 1)}.dark .ring-surface-500-400-token{--tw-ring-color:rgb(var(--color-surface-400) / 1)}.hover\:bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-100) / var(--tw-bg-opacity))}.hover\:bg-secondary-hover-token:hover:hover{background-color:rgb(var(--color-secondary-500) / .1)}.active\:scale-\[100\%\]:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-x:100%;--tw-scale-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(.dark .dark\:border-white\/50){border-color:#ffffff80}:is(.dark .dark\:bg-black\/50){background-color:#00000080}:is(.dark .dark\:text-surface-50){--tw-text-opacity:1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}:is(.dark .dark\:shadow-black\/10){--tw-shadow-color:rgb(0 0 0 / .1);--tw-shadow:var(--tw-shadow-colored)}:is(.dark .dark\:fill-base-token){fill:rgba(var(--theme-font-color-base))}:is(.dark .dark\:fill-on-surface-token){fill:rgb(var(--on-surface))}@media (min-width:640px){.sm\:\!inline-flex{display:inline-flex!important}.sm\:w-20{width:5rem}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:768px){h1:not(.unstyled):is(:not(.prose *)){font-size:3rem;line-height:1}h2:not(.unstyled):is(:not(.prose *)){font-size:2.25rem;line-height:2.5rem}h3:not(.unstyled):is(:not(.prose *)){font-size:1.5rem;line-height:2rem}h4:not(.unstyled):is(:not(.prose *)){font-size:1.25rem;line-height:1.75rem}h5:not(.unstyled):is(:not(.prose *)){font-size:1.125rem;line-height:1.75rem}h6:not(.unstyled):is(:not(.prose *)){font-size:1rem;line-height:1.5rem}.md\:p-10{padding:2.5rem}}@media (min-width:1024px){.lg\:max-h-\[500px\]{max-height:500px}}
|