@invopop/popui 0.0.2 → 0.0.3
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 +125 -83
- package/dist/popui.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Popui
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Popui is a set of reusable components to be used inside Console UI and other Invopop Apps.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Currently we provide different libraries and examples for
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
- Svelte
|
|
8
|
+
- HTML
|
|
9
|
+
- Go
|
|
10
|
+
- Web Components
|
|
11
|
+
|
|
12
|
+
## Svelte
|
|
13
|
+
|
|
14
|
+
### Runing Storybook for development
|
|
8
15
|
|
|
9
16
|
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development storybook server:
|
|
10
17
|
|
|
@@ -14,43 +21,78 @@ npm run storybook
|
|
|
14
21
|
|
|
15
22
|
> For using a different `accent` color for some components you can set the `--workspace-accent-color:` CSS variable placed in `.storybook/variables.css` file.
|
|
16
23
|
|
|
17
|
-
|
|
24
|
+
### Publishing the Svelte Library
|
|
18
25
|
|
|
19
|
-
|
|
26
|
+
To publish the library to [npm](https://www.npmjs.com) you only need to manually increase the version of package.json and make a PR to `main` branch. Once merged, it will automatically relase a new version of the library.
|
|
20
27
|
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
### Using the Svelte Library in your app
|
|
29
|
+
|
|
30
|
+
```
|
|
31
|
+
import { InputText } from '@invopop/popui'
|
|
32
|
+
|
|
33
|
+
<div>
|
|
34
|
+
<InputText
|
|
35
|
+
label="Name"
|
|
36
|
+
placeholder="Company's legal name"
|
|
37
|
+
on:input={(event) => {
|
|
38
|
+
console.log(event.detail)
|
|
39
|
+
}}
|
|
40
|
+
/>
|
|
41
|
+
</div>
|
|
23
42
|
```
|
|
24
43
|
|
|
25
|
-
A
|
|
44
|
+
A complete catalogue of examples is availabe on [Storybook](https://popui-svelte.netlify.app/)
|
|
26
45
|
|
|
27
|
-
##
|
|
46
|
+
## HTML
|
|
28
47
|
|
|
29
|
-
|
|
48
|
+
Raw HTML Examples of most of the components are available under the [html](https://github.com/invopop/popui/tree/main/html) folder of this repo.
|
|
30
49
|
|
|
31
|
-
|
|
32
|
-
npm run package
|
|
33
|
-
```
|
|
50
|
+
They all make use of the `popui.css` file that is deployed to a CDN on each release.
|
|
34
51
|
|
|
35
|
-
|
|
52
|
+
## Go
|
|
53
|
+
|
|
54
|
+
For Go, we are using Templ for creating template wrappers around these HTML components.
|
|
55
|
+
|
|
56
|
+
### Development server
|
|
57
|
+
|
|
58
|
+
To run a development server for the Go library:
|
|
36
59
|
|
|
37
60
|
```bash
|
|
38
|
-
npm
|
|
61
|
+
npm air
|
|
39
62
|
```
|
|
40
63
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
64
|
+
This command will compile the `.templ` templates and start up a web server loading the `go/examples/page.templ` file.
|
|
65
|
+
|
|
66
|
+
Air will also watch for changes and re-run everything for you.
|
|
67
|
+
|
|
68
|
+
### Using the go library in your app
|
|
69
|
+
|
|
70
|
+
```go
|
|
71
|
+
import (
|
|
72
|
+
popui "github.com/invopop/popui/go"
|
|
73
|
+
"github.com/invopop/popui/go/props"
|
|
74
|
+
)
|
|
75
|
+
|
|
76
|
+
templ Page() {
|
|
77
|
+
<div class="max-w-md">
|
|
78
|
+
@popui.Button(
|
|
79
|
+
props.Button{
|
|
80
|
+
Variant: "primary",
|
|
81
|
+
Small: true,
|
|
82
|
+
}) {
|
|
83
|
+
Click Me
|
|
84
|
+
}
|
|
85
|
+
</div>
|
|
86
|
+
}
|
|
87
|
+
```
|
|
44
88
|
|
|
45
|
-
|
|
89
|
+
You can check out examples of each component in `go/examples/page.templ` file.
|
|
46
90
|
|
|
47
|
-
|
|
91
|
+
## Web Components
|
|
48
92
|
|
|
49
|
-
|
|
50
|
-
npm publish
|
|
51
|
-
```
|
|
93
|
+
Some of the Svelte components have a wrapper for making it work using Web Components
|
|
52
94
|
|
|
53
|
-
|
|
95
|
+
### Building the Web Components Library
|
|
54
96
|
|
|
55
97
|
To build the Web Components library:
|
|
56
98
|
|
|
@@ -60,7 +102,7 @@ npm run build-web-components
|
|
|
60
102
|
|
|
61
103
|
This will generate a `/dist/index.js` file that you can include on any HTML to test. There is a ready-to-use HTML file with an example of any of the components located in `/src/wbc-preview/index.html`
|
|
62
104
|
|
|
63
|
-
|
|
105
|
+
### Publishing the Web Components Library
|
|
64
106
|
|
|
65
107
|
To publish the Web Components library to [npm](https://www.npmjs.com):
|
|
66
108
|
|
|
@@ -68,79 +110,79 @@ To publish the Web Components library to [npm](https://www.npmjs.com):
|
|
|
68
110
|
npm publish-wbc
|
|
69
111
|
```
|
|
70
112
|
|
|
71
|
-
|
|
113
|
+
### Using the Web Components Library in your app
|
|
72
114
|
|
|
73
115
|
Include the CDN script in your HTML file
|
|
74
116
|
|
|
75
117
|
```html
|
|
76
|
-
<script src="https://cdn.jsdelivr.net/npm/@invopop/web-components@0.0.
|
|
118
|
+
<script src="https://cdn.jsdelivr.net/npm/@invopop/web-components@0.0.13/index.js" defer></script>
|
|
77
119
|
```
|
|
78
120
|
|
|
79
121
|
Use any of the components available
|
|
80
122
|
|
|
81
123
|
```html
|
|
82
|
-
<
|
|
124
|
+
<popui-button>Default Button</popui-button>
|
|
83
125
|
```
|
|
84
126
|
|
|
85
127
|
You can pass props and listen to events
|
|
86
128
|
|
|
87
129
|
```html
|
|
88
|
-
<
|
|
130
|
+
<popui-button onClick="alert('button click')" type="primary">Primary Button</popui-button>
|
|
89
131
|
```
|
|
90
132
|
|
|
91
|
-
|
|
133
|
+
### Available Web Components
|
|
92
134
|
|
|
93
135
|
> NOTE: Due to web component limitations booleans need to be passed as strings ie: "true", other structures like objects or arrays need to be passed as JSON.stringify()
|
|
94
136
|
|
|
95
|
-
| Component
|
|
96
|
-
|
|
|
97
|
-
| `
|
|
98
|
-
|
|
|
99
|
-
|
|
|
100
|
-
|
|
|
101
|
-
|
|
|
102
|
-
|
|
|
103
|
-
| `
|
|
104
|
-
|
|
|
105
|
-
|
|
|
106
|
-
|
|
|
107
|
-
|
|
|
108
|
-
| `
|
|
109
|
-
|
|
|
110
|
-
| `
|
|
111
|
-
|
|
|
112
|
-
|
|
|
113
|
-
| `
|
|
114
|
-
|
|
|
115
|
-
|
|
|
116
|
-
|
|
|
117
|
-
|
|
|
118
|
-
|
|
|
119
|
-
| `
|
|
120
|
-
|
|
|
121
|
-
|
|
|
122
|
-
| `
|
|
123
|
-
|
|
|
124
|
-
| `
|
|
125
|
-
|
|
|
126
|
-
| `
|
|
127
|
-
|
|
|
128
|
-
|
|
|
129
|
-
|
|
|
130
|
-
|
|
|
131
|
-
|
|
|
132
|
-
|
|
|
133
|
-
|
|
|
134
|
-
|
|
|
135
|
-
|
|
|
136
|
-
| `
|
|
137
|
-
|
|
|
138
|
-
|
|
|
139
|
-
| `
|
|
140
|
-
|
|
|
141
|
-
|
|
|
142
|
-
| `
|
|
143
|
-
|
|
|
144
|
-
| `
|
|
145
|
-
|
|
|
146
|
-
| `
|
|
137
|
+
| Component | Events Emitted | Props Accepted |
|
|
138
|
+
| --------------------- | -------------- | ---------------------------------------------------------------------------------- |
|
|
139
|
+
| `popui-button` | `@click` | `type`: 'default', 'primary', 'secondary', 'danger', 'dark'` (default: 'default') |
|
|
140
|
+
| | | `disabled`: boolean (default: false) |
|
|
141
|
+
| | | `small`: boolean (default: false) |
|
|
142
|
+
| | | `icon`: Cog6Tooth (Heroicons library name) (default: undefined) |
|
|
143
|
+
| | | `iconPosition`: 'right', 'left' (default: left) |
|
|
144
|
+
| | | |
|
|
145
|
+
| `popui-button-file` | `@click` | `type`: 'default', 'primary', 'secondary', 'danger', 'dark'` (default: 'default') |
|
|
146
|
+
| | | `disabled`: boolean (default: false) |
|
|
147
|
+
| | | `name`: string (default: '') |
|
|
148
|
+
| | | `fullwidth`: boolean (default: false) |
|
|
149
|
+
| | | |
|
|
150
|
+
| `popui-checkbox` | `@change` | `checked`: boolean (default: false) |
|
|
151
|
+
| | | |
|
|
152
|
+
| `popui-input-search` | `@input` | `placeholder`: string (default: '') |
|
|
153
|
+
| | | `shortcut`: string (default: '') |
|
|
154
|
+
| | | |
|
|
155
|
+
| `popui-input-text` | `@input` | `id`: string (default: '') |
|
|
156
|
+
| | | `label`: string (default: '') |
|
|
157
|
+
| | | `placeholder`: string (default: '') |
|
|
158
|
+
| | | `errorText`: string (default: '') |
|
|
159
|
+
| | | `disabled`: boolean (default: 'false') |
|
|
160
|
+
| | | |
|
|
161
|
+
| `popui-list-item` | `@input` | `value`: string (default: '') |
|
|
162
|
+
| | | `label`: string (default: '') |
|
|
163
|
+
| | | |
|
|
164
|
+
| `popui-radio` | `@change` | `checked`: boolean (default: false) |
|
|
165
|
+
| | | |
|
|
166
|
+
| `popui-section` | | `title`: string (default: '') |
|
|
167
|
+
| | | |
|
|
168
|
+
| `popui-select` | `@change` | `id`: string (default: '') |
|
|
169
|
+
| | | `name`: string (default: '') |
|
|
170
|
+
| | | `label`: string (default: '') |
|
|
171
|
+
| | | `placeholder`: string (default: '') |
|
|
172
|
+
| | | `value`: string (default: '') |
|
|
173
|
+
| | | `icon`: Cog6Tooth (Heroicons library name) (default: undefined) |
|
|
174
|
+
| | | `disabled`: boolean (default: 'false') |
|
|
175
|
+
| | | `disablePlaceholder`: boolean (default: 'false') |
|
|
176
|
+
| | | `options`: string (default: '[]') |
|
|
177
|
+
| | | |
|
|
178
|
+
| `popui-tag-search` | `@clear` | `label`: string (default: '') |
|
|
179
|
+
| | | `icon`: Cog6Tooth (Heroicons library name) (default: undefined) |
|
|
180
|
+
| | | |
|
|
181
|
+
| `popui-tag-status` | | `label`: string (default: '') |
|
|
182
|
+
| | | `status`: 'default', 'success', 'warning', 'danger', 'orange' (default: 'default') |
|
|
183
|
+
| | | |
|
|
184
|
+
| `popui-title-main` | | `title`: string (default: '') |
|
|
185
|
+
| | | |
|
|
186
|
+
| `popui-title-section` | | `title`: string (default: '') |
|
|
187
|
+
| | | |
|
|
188
|
+
| `popui-toggle` | `@change` | `checked`: boolean (default: false) |
|
package/dist/popui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-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;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input: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-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)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' 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:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1.25rem;width:1.25rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--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(--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-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--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(--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-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-sbutitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-sbutitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--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(--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-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea:focus{--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(--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-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}
|
|
1
|
+
.popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-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;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input: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-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)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' 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:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1.25rem;width:1.25rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--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(--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-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--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(--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-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-subtitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-subtitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark,p>code{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--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(--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-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea:focus{--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(--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-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem}.popui-form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}
|