@xola/ui-kit 2.4.0 → 2.4.1-x2-14336.1
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 +159 -97
- package/build/style.css +1 -1
- package/build/ui-kit.mjs +7645 -11502
- package/build/ui-kit.umd.js +2 -32
- package/index.d.ts +122 -1
- package/package.json +62 -43
package/README.md
CHANGED
|
@@ -1,171 +1,233 @@
|
|
|
1
1
|
## Xola UI Kit
|
|
2
2
|
|
|
3
|
-
Xola's React component library
|
|
3
|
+
Xola's React component library. It uses Tailwind CSS and serves the next generation of Xola apps.
|
|
4
4
|
|
|
5
|
-
This repository
|
|
5
|
+
This repository publishes two packages:
|
|
6
6
|
|
|
7
|
-
1. [@xola/ui-kit](https://www.npmjs.com/package/@xola/ui-kit)
|
|
8
|
-
2. [@xola/icons](https://www.npmjs.com/package/@xola/icons)
|
|
7
|
+
1. [@xola/ui-kit](https://www.npmjs.com/package/@xola/ui-kit), the components.
|
|
8
|
+
2. [@xola/icons](https://www.npmjs.com/package/@xola/icons), the icon set.
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
Storybook is public at [ui.xola.io](https://ui.xola.io). You can preview components and icons there.
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
## Table of Contents
|
|
13
13
|
|
|
14
|
-
-
|
|
15
|
-
-
|
|
14
|
+
- [Requirements](#requirements)
|
|
15
|
+
- [Installation](#installation)
|
|
16
|
+
- [Usage](#usage)
|
|
17
|
+
- [Configuration](#configuration)
|
|
18
|
+
- [AI Prompt for Integration](#ai-prompt-for-integration)
|
|
19
|
+
- [Development](#development)
|
|
20
|
+
- [Local Package Linking](#local-package-linking)
|
|
21
|
+
- [Troubleshooting](#troubleshooting)
|
|
22
|
+
- [Deployment](#deployment)
|
|
16
23
|
|
|
17
|
-
|
|
24
|
+
## Requirements
|
|
18
25
|
|
|
19
|
-
|
|
26
|
+
- Node.js v16
|
|
27
|
+
- npm v7 or higher
|
|
28
|
+
|
|
29
|
+
This repo's `master` branch targets React 17. For React 18 or 19, use the `next` branch, or
|
|
30
|
+
install the package with the `next` tag:
|
|
20
31
|
|
|
21
32
|
```bash
|
|
22
|
-
npm install @xola/ui-kit
|
|
33
|
+
npm install @xola/ui-kit@next
|
|
23
34
|
```
|
|
24
35
|
|
|
25
|
-
|
|
36
|
+
## Installation
|
|
37
|
+
|
|
38
|
+
Install the UI kit in your project:
|
|
26
39
|
|
|
27
40
|
```bash
|
|
28
|
-
npm install
|
|
41
|
+
npm install @xola/ui-kit
|
|
29
42
|
```
|
|
30
43
|
|
|
31
|
-
|
|
44
|
+
Install its peer dependencies:
|
|
32
45
|
|
|
33
46
|
```bash
|
|
34
|
-
|
|
35
|
-
echo 'module.exports = require("@xola/ui-kit/postcss.config");' > postcss.config.js
|
|
47
|
+
npm install autoprefixer postcss tailwindcss lodash
|
|
36
48
|
```
|
|
37
49
|
|
|
38
|
-
|
|
50
|
+
## Usage
|
|
39
51
|
|
|
40
|
-
|
|
41
|
-
import "@xola/ui-kit/index.css";
|
|
42
|
-
import "@xola/ui-kit/build/style.css";
|
|
43
|
-
```
|
|
52
|
+
1. Create Tailwind and PostCSS config files that extend the UI kit's config.
|
|
44
53
|
|
|
45
|
-
|
|
54
|
+
```bash
|
|
55
|
+
echo 'module.exports = require("@xola/ui-kit/tailwind.config");' > tailwind.config.js
|
|
56
|
+
echo 'module.exports = require("@xola/ui-kit/postcss.config");' > postcss.config.js
|
|
57
|
+
```
|
|
46
58
|
|
|
47
|
-
Import
|
|
59
|
+
2. Import the UI kit's CSS in your app entry point.
|
|
48
60
|
|
|
49
|
-
```js
|
|
50
|
-
import
|
|
51
|
-
|
|
61
|
+
```js
|
|
62
|
+
import "@xola/ui-kit/index.css";
|
|
63
|
+
import "@xola/ui-kit/build/style.css";
|
|
64
|
+
```
|
|
52
65
|
|
|
53
|
-
|
|
66
|
+
3. Import and use a component.
|
|
67
|
+
|
|
68
|
+
```js
|
|
69
|
+
import { Button } from "@xola/ui-kit";
|
|
70
|
+
```
|
|
54
71
|
|
|
55
|
-
|
|
72
|
+
The UI kit assumes your project already has a working React setup with PostCSS support.
|
|
56
73
|
|
|
57
|
-
|
|
74
|
+
## Configuration
|
|
75
|
+
|
|
76
|
+
npm v7 changed how it resolves peer dependencies. This repo sets `legacy-peer-deps=true` in
|
|
77
|
+
`.npmrc` to avoid peer dependency conflicts.
|
|
78
|
+
|
|
79
|
+
Apply the same setting in any project that consumes `@xola/ui-kit`. Copy this repo's `.npmrc`, or
|
|
80
|
+
pass the flag on every install:
|
|
58
81
|
|
|
59
82
|
```bash
|
|
60
|
-
|
|
61
|
-
|
|
83
|
+
npm install --legacy-peer-deps
|
|
84
|
+
npm install some-package --legacy-peer-deps
|
|
62
85
|
```
|
|
63
86
|
|
|
64
|
-
|
|
87
|
+
## AI Prompt for Integration
|
|
88
|
+
|
|
89
|
+
Paste this prompt into an AI coding assistant (Claude Code, Cursor, etc.) working in the target
|
|
90
|
+
app's repo to wire up `@xola/ui-kit` end to end.
|
|
65
91
|
|
|
66
|
-
```bash
|
|
67
|
-
$ npm start
|
|
68
92
|
```
|
|
93
|
+
Integrate the @xola/ui-kit package into this project.
|
|
69
94
|
|
|
70
|
-
|
|
71
|
-
|
|
95
|
+
1. Check this project's installed React version (react entry in package.json / package-lock.json,
|
|
96
|
+
or `npm ls react`).
|
|
97
|
+
- React 17 (or no major-version conflict): install the default tag.
|
|
98
|
+
npm install @xola/ui-kit
|
|
99
|
+
- React 18 or 19: install the `next` tag instead, which targets React 18/19.
|
|
100
|
+
npm install @xola/ui-kit@next
|
|
101
|
+
Use whichever tag matches in every command below.
|
|
72
102
|
|
|
73
|
-
|
|
103
|
+
2. Install peer dependencies:
|
|
104
|
+
npm install autoprefixer postcss tailwindcss lodash
|
|
74
105
|
|
|
75
|
-
|
|
106
|
+
3. Add `legacy-peer-deps=true` to this project's .npmrc (create the file if missing).
|
|
107
|
+
@xola/ui-kit requires it to avoid npm v7+ peer dependency conflicts.
|
|
76
108
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
109
|
+
4. Create tailwind.config.js and postcss.config.js at the project root that extend the kit's config:
|
|
110
|
+
module.exports = require("@xola/ui-kit/tailwind.config");
|
|
111
|
+
module.exports = require("@xola/ui-kit/postcss.config");
|
|
112
|
+
If this project already has its own Tailwind/PostCSS config, merge instead of overwriting:
|
|
113
|
+
preserve existing content globs, theme extensions, and plugins, and spread the kit's config in
|
|
114
|
+
rather than replacing the file outright.
|
|
82
115
|
|
|
83
|
-
|
|
116
|
+
5. Import the kit's CSS in the app's entry point (before any of the app's own global styles):
|
|
117
|
+
import "@xola/ui-kit/index.css";
|
|
118
|
+
import "@xola/ui-kit/build/style.css";
|
|
84
119
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
$ cp ui-kit/.npmrc .
|
|
88
|
-
$ cp ui-kit/.nvmrc .
|
|
89
|
-
```
|
|
120
|
+
6. Import components directly from the package, e.g.:
|
|
121
|
+
import { Button } from "@xola/ui-kit";
|
|
90
122
|
|
|
91
|
-
|
|
123
|
+
7. Verify: run the project's build/dev server and confirm it starts without errors and that an
|
|
124
|
+
imported component (e.g. Button) renders with its expected Tailwind styling.
|
|
92
125
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
126
|
+
Do not vendor or copy ui-kit source into this repo. Do not use Tailwind's default numbered color
|
|
127
|
+
classes when styling around ui-kit components; ui-kit ships with no dark mode support, so avoid
|
|
128
|
+
relying on it in this integration.
|
|
96
129
|
```
|
|
97
130
|
|
|
98
|
-
|
|
131
|
+
## Development
|
|
99
132
|
|
|
100
|
-
|
|
133
|
+
1. Use the pinned Node version.
|
|
101
134
|
|
|
102
|
-
```bash
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
```
|
|
135
|
+
```bash
|
|
136
|
+
nvm use
|
|
137
|
+
```
|
|
106
138
|
|
|
107
|
-
|
|
139
|
+
2. Install dependencies.
|
|
108
140
|
|
|
109
|
-
|
|
141
|
+
```bash
|
|
142
|
+
npm install
|
|
143
|
+
```
|
|
110
144
|
|
|
111
|
-
|
|
112
|
-
$ cd your-project
|
|
113
|
-
$ rm -rf node_modules/@xola
|
|
114
|
-
```
|
|
145
|
+
3. Start the Storybook dev server.
|
|
115
146
|
|
|
116
|
-
|
|
147
|
+
```bash
|
|
148
|
+
npm start
|
|
149
|
+
```
|
|
117
150
|
|
|
118
|
-
|
|
151
|
+
### Lint
|
|
119
152
|
|
|
120
153
|
```bash
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
$ npm install
|
|
154
|
+
npm run lint # Check src for lint issues and auto-fix them
|
|
155
|
+
npm run lint:report # Same check, writes results to eslint_report.json
|
|
124
156
|
```
|
|
125
157
|
|
|
126
|
-
|
|
158
|
+
## Local Package Linking
|
|
127
159
|
|
|
128
|
-
|
|
160
|
+
Use an npm workspace to test local `ui-kit` changes against another project before you publish.
|
|
129
161
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
npm run lint:fix # Run lint and automatically fix any issues. Any that are not fixed are output to screen.
|
|
133
|
-
```
|
|
162
|
+
1. Place `ui-kit` and your project in the same parent directory.
|
|
163
|
+
2. In that parent directory, create a `package.json`:
|
|
134
164
|
|
|
135
|
-
|
|
165
|
+
```json
|
|
166
|
+
{
|
|
167
|
+
"workspaces": ["ui-kit", "your-project"]
|
|
168
|
+
}
|
|
169
|
+
```
|
|
136
170
|
|
|
137
|
-
|
|
171
|
+
3. Copy `.npmrc` and `.nvmrc` from `ui-kit` into the parent directory.
|
|
138
172
|
|
|
139
|
-
|
|
173
|
+
```bash
|
|
174
|
+
cp ui-kit/.npmrc .
|
|
175
|
+
cp ui-kit/.nvmrc .
|
|
176
|
+
```
|
|
140
177
|
|
|
141
|
-
|
|
178
|
+
4. From the parent directory, install dependencies for both projects.
|
|
142
179
|
|
|
143
|
-
```bash
|
|
144
|
-
|
|
145
|
-
```
|
|
180
|
+
```bash
|
|
181
|
+
npm install
|
|
182
|
+
```
|
|
146
183
|
|
|
147
|
-
|
|
184
|
+
npm now links `your-project`'s `@xola/ui-kit` dependency to the local `ui-kit` folder.
|
|
148
185
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
```
|
|
186
|
+
5. From `ui-kit`, start the build in watch mode.
|
|
187
|
+
|
|
188
|
+
```bash
|
|
189
|
+
cd ui-kit
|
|
190
|
+
npm run build -- --watch
|
|
191
|
+
```
|
|
152
192
|
|
|
153
|
-
|
|
193
|
+
Changes in `ui-kit` now appear in `your-project`.
|
|
154
194
|
|
|
155
|
-
|
|
195
|
+
## Troubleshooting
|
|
196
|
+
|
|
197
|
+
**Changes in `ui-kit` don't show up in `your-project`.** npm likely installed a separate copy in
|
|
198
|
+
`your-project`'s `node_modules`. Remove it and let the workspace link take over again:
|
|
156
199
|
|
|
157
200
|
```bash
|
|
158
|
-
|
|
201
|
+
cd your-project
|
|
202
|
+
rm -rf node_modules/@xola
|
|
159
203
|
```
|
|
160
204
|
|
|
161
|
-
|
|
205
|
+
**Install fails or dependency state looks broken.** Clear lockfiles and `node_modules` for both
|
|
206
|
+
projects, then reinstall:
|
|
162
207
|
|
|
163
208
|
```bash
|
|
164
|
-
|
|
165
|
-
|
|
209
|
+
cd workspace
|
|
210
|
+
rm -rf package-lock.json node_modules ui-kit/node_modules your-project/node_modules
|
|
211
|
+
npm install
|
|
166
212
|
```
|
|
167
213
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
214
|
+
## Deployment
|
|
215
|
+
|
|
216
|
+
1. Install [np](https://github.com/sindresorhus/np#readme), the release tool.
|
|
217
|
+
|
|
218
|
+
```bash
|
|
219
|
+
npm install -g np
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
2. Build and publish the package.
|
|
223
|
+
|
|
224
|
+
```bash
|
|
225
|
+
npm run build
|
|
226
|
+
np <your-new-version> --tag=latest --yolo
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
3. Push the release tags to the upstream repo.
|
|
230
|
+
|
|
231
|
+
```bash
|
|
232
|
+
git push <upstream-remote> master --tags
|
|
233
|
+
```
|
package/build/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._main_1bcuo_1 .tippy-content{padding:0}::-webkit-scrollbar-thumb{--tw-bg-opacity: 1 !important;background-color:rgb(80 82 84 / var(--tw-bg-opacity))!important}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}._main_jm0tk_1{background:white;border-width:1px!important;border-style:solid!important}._main_jm0tk_1 .tippy-content{padding:0;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}._main_jm0tk_1 .tippy-arrow{fill:#fff}._main_jm0tk_1[data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}._main_jm0tk_1[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}._main_jm0tk_1[data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}._main_jm0tk_1[data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}._main_jm0tk_1[data-placement^=top][class*=bg-black]>.tippy-arrow:before{border-top-color:#000}._main_jm0tk_1[data-placement^=bottom][class*=bg-black]>.tippy-arrow:before{border-bottom-color:#000}._main_jm0tk_1[data-placement^=left][class*=bg-black]>.tippy-arrow:before{border-left-color:#000}._main_jm0tk_1[data-placement^=right][class*=bg-black]>.tippy-arrow:before{border-right-color:#000}::-webkit-scrollbar{-webkit-appearance:none;width:8px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ui-combo-box__control{padding:0;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:14px;line-height:14px;--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity))!important;border-radius:4px!important;--tw-border-opacity: 1 !important;border-color:rgb(224 227 231 / var(--tw-border-opacity))!important}.ui-combo-box__control:hover{--tw-border-opacity: 1 !important;border-color:rgb(34 35 36 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity))}.ui-combo-box__control:focus-within{--tw-border-opacity: 1 !important;border-color:rgb(19 82 198 / var(--tw-border-opacity))!important;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.border-danger .ui-combo-box__control{--tw-border-opacity: 1 !important;border-color:rgb(255 90 90 / var(--tw-border-opacity))!important}.ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity))!important}.ui-combo-box__control:hover .ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity))!important}.ui-combo-box__menu{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ui-combo-box__option--is-focused{--tw-bg-opacity: 1 !important;background-color:rgb(240 242 244 / var(--tw-bg-opacity))!important}.ui-combo-box__option--is-selected{--tw-bg-opacity: 1 !important;background-color:rgb(41 121 208 / var(--tw-bg-opacity))!important}.ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity))!important}.ui-combo-box__control:hover .ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity))!important}.ui-combo-box__dropdown-indicator svg{height:14px;width:14px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.ui-combo-box--is-disabled svg{--tw-text-opacity: 1;color:rgb(189 192 198 / var(--tw-text-opacity))}.ui-combo-box__indicator-separator{display:none}.ui-combo-box__input:focus{box-shadow:none!important}._checkbox_1gb8z_1:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231352C6' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important}/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub,.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px}.ui-range-slider .noUi-handle:before,.ui-range-slider .noUi-handle:after{display:none}.ui-range-slider{height:8px;width:100%;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity))}.ui-range-slider .noUi-connect{--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity))}.ui-range-slider .noUi-handle{height:20px;width:20px;--tw-translate-x: -50%;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-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-range-slider .noUi-tooltip{left:50%;top:130%;height:32px;--tw-translate-x: -50%;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));--tw-bg-opacity: 1;background-color:rgb(34 35 36 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ui-range-slider .noUi-tooltip:after{content:"";border-color:transparent transparent black transparent;position:absolute;bottom:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid}@keyframes _shimmer_qt4e9_7{to{transform:translate(100%)}}._shimmer_qt4e9_7{transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:_shimmer_qt4e9_7 3s infinite}.DayPicker{display:inline-block;font-size:1rem}.DayPicker-wrapper{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center}.DayPicker-Month{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DayPicker-NavButton{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;width:1.25em;height:1.25em;background-position:center;background-size:50%;background-repeat:no-repeat;color:#8b9898;cursor:pointer}.DayPicker-NavButton:hover{opacity:.8}.DayPicker-NavButton--prev{margin-right:1.5em;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC)}.DayPicker-NavButton--next{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==)}.DayPicker-NavButton--interactionDisabled{display:none}.DayPicker-Caption{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}.DayPicker-Caption>div{font-weight:500;font-size:1.15em}.DayPicker-Weekdays{display:table-header-group;margin-top:1em}.DayPicker-WeekdaysRow{display:table-row}.DayPicker-Weekday{display:table-cell;padding:.5em;color:#8b9898;text-align:center;font-size:.875em}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none}.DayPicker-Body{display:table-row-group}.DayPicker-Week{display:table-row}.DayPicker-Day{display:table-cell;padding:.5em;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer}.DayPicker-WeekNumber{display:table-cell;padding:.5em;min-width:1em;border-right:1px solid #EAECEC;color:#8b9898;vertical-align:middle;text-align:right;font-size:.75em;cursor:pointer}.DayPicker--interactionDisabled .DayPicker-Day{cursor:default}.DayPicker-Footer{padding-top:.5em}.DayPicker-TodayButton{border:none;background-color:transparent;background-image:none;box-shadow:none;color:#4a90e2;font-size:.875em;cursor:pointer}.DayPicker-Day--today{color:#d0021b;font-weight:700}.DayPicker-Day--outside{color:#8b9898;cursor:default}.DayPicker-Day--disabled{color:#dce0e0;cursor:default}.DayPicker-Day--sunday{background-color:#f7f8f8}.DayPicker-Day--sunday:not(.DayPicker-Day--today){color:#dce0e0}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){position:relative;background-color:#4a90e2;color:#f0f8ff}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:#51a0fa}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:#f0f8ff}.DayPickerInput{display:inline-block}.DayPickerInput-OverlayWrapper{position:relative}.DayPickerInput-Overlay{position:absolute;left:0;z-index:1;background:white;box-shadow:0 2px 5px #00000026}.DayPicker-wrapper{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-wrapper:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker{padding-top:24px;letter-spacing:-.4px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker-input{padding:12px 24px 24px}.ui-relative-date-ranges,.date-range-picker{width:810px}.DayPicker-NavBar{--tw-text-opacity: 1;color:rgb(80 82 84 / var(--tw-text-opacity))}.DayPicker-Months{justify-content:flex-start}.DayPicker-Months>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.DayPicker-Month{margin:0;padding:2px 0 0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Month:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Month{min-width:400px;border-collapse:inherit;border-spacing:0 8px}.DayPicker-Month .DayPicker-Caption{margin:0 0 10px;height:40px;padding:0 0 0 16px}.DayPicker-Day--outside{pointer-events:none}.DayPicker-Month .DayPicker-Caption[role=heading] div{position:relative;top:1px;height:40px;font-size:18px;font-weight:600;line-height:40px}.DayPicker-TodayButton{position:absolute;right:96px;top:0px;height:40px;padding:10px 14px;line-height:16px;border-radius:4px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(189 192 198 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-size:14px;font-weight:600;letter-spacing:-.4px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.DayPicker-TodayButton:hover{--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity))}.DayPicker-Month .DayPicker-Caption select{margin-right:10px;height:40px;padding-left:8px;padding-right:24px;border-radius:6px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(189 192 198 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(80 82 84 / var(--tw-text-opacity));background-position:right .2rem center}.DayPicker-Weekday{margin:0;padding:0;font-size:14px;font-weight:600;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.DayPicker-Day{height:32px;width:32px;padding:0!important;line-height:12px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day{padding-left:12px!important}.DayPicker-Day--today .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(224 227 231 / var(--tw-border-opacity));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside),.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:transparent;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover:focus,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):focus,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside),.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{border-color:transparent}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .ui-date-picker-day,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover .ui-date-picker-day{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside) .ui-day-content:hover{border-width:1px;--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.DayPicker .DayPicker-Day:not(.DayPicker-Day--disabled) .date:hover{border-radius:9999px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(14 68 168 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.DayPicker-Day--outside .date{cursor:pointer;--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity))}.DayPicker-Day--disabled:not(.DayPicker-Day--today) .date{--tw-text-opacity: 1;color:rgb(224 227 231 / var(--tw-text-opacity))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside){border-radius:0;--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .ui-date-picker-day,.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover .ui-date-picker-day{background-color:transparent;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .date,.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .date:hover{--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.ui-date-picker-day{height:32px;width:32px}.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--disabled) .ui-date-picker-day,.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--disabled) .ui-date-picker-day:hover,.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day,.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day:hover{--tw-bg-opacity: 1 !important;background-color:rgb(19 82 198 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--outside):not(.DayPicker-Day--end){border-radius:0;background:linear-gradient(90deg,#ffffff 40%,#d1e1ff 25%)}.date-range-picker .DayPicker-Day--start div{border-radius:9999px}.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--outside):not(.DayPicker-Day--start){border-radius:0;background:linear-gradient(90deg,#d1e1ff 40%,#ffffff 25%)}.date-range-picker .DayPicker-Day--start.DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day{outline-style:solid;outline-offset:1px;outline-color:#d1e1ff}.date-range-picker .DayPicker-Day--end div{border-radius:9999px}.has-custom-content .DayPicker-Month{border-spacing:1px 16px}.has-custom-content .DayPicker-Day .ui-date-picker-day,.has-custom-content .DayPicker-Day:hover .ui-date-picker-day{height:48px;width:48px;border-width:1px;border-color:transparent}.has-custom-content .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-custom-content .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):hover .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-custom-content .DayPicker-Day .ui-day-content,.has-custom-content .DayPicker-Day .ui-day-content:hover{height:48px;width:48px;border-radius:9999px;border-width:1px;border-color:transparent}.has-custom-content .DayPicker-Day>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.has-custom-content .DayPicker-Day .ui-day-content-custom{font-size:10px;--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected:hover,.has-custom-content .DayPicker-Day.DayPicker-Day--selected{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected .ui-day-content{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected .ui-day-content-custom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;--tw-text-opacity: 1;color:rgb(224 227 231 / var(--tw-text-opacity))}.has-custom-content .DayPicker-Day--today{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity))}.has-custom-content .DayPicker-Day--today .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(224 227 231 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-custom-content .DayPicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity))}.has-custom-content .DayPicker-Day .ui-day-content-custom{--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity))}.DayPicker-Day.DayPicker-Day--waitlist>div{position:relative}.DayPicker-Day.DayPicker-Day--waitlist>div:after{position:absolute;bottom:4px;height:8px;width:8px;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 192 61 / var(--tw-bg-opacity));--tw-content: "";content:var(--tw-content)}@media (max-width: 767px){.DayPicker-Month{min-width:auto}.has-custom-content .DayPicker-Month{border-spacing:1px 2px}.has-custom-content .DayPicker-Day .ui-day-content,.has-custom-content .DayPicker-Day .ui-day-content:hover,.has-custom-content .DayPicker-Day .ui-date-picker-day,.has-custom-content .DayPicker-Day:hover .ui-date-picker-day{height:36px;width:36px}.has-custom-content .DayPicker-Day .ui-day-content-custom{font-size:10px;line-height:1}.DayPicker-Day{padding-left:4px!important}.ui-date-picker-input{padding:12px!important}.ui-date-picker{padding-top:12px!important}.DayPicker-TodayButton{display:none}}
|
|
1
|
+
._main_1bcuo_1 .tippy-content{padding:0}::-webkit-scrollbar-thumb{--tw-bg-opacity: 1 !important;background-color:rgb(80 82 84 / var(--tw-bg-opacity, 1))!important}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}._main_jm0tk_1{background:white;border-width:1px!important;border-style:solid!important}._main_jm0tk_1 .tippy-content{padding:0;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}._main_jm0tk_1 .tippy-arrow{fill:#fff}._main_jm0tk_1[data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}._main_jm0tk_1[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}._main_jm0tk_1[data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}._main_jm0tk_1[data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}._main_jm0tk_1[data-placement^=top][class*=bg-black]>.tippy-arrow:before{border-top-color:#000}._main_jm0tk_1[data-placement^=bottom][class*=bg-black]>.tippy-arrow:before{border-bottom-color:#000}._main_jm0tk_1[data-placement^=left][class*=bg-black]>.tippy-arrow:before{border-left-color:#000}._main_jm0tk_1[data-placement^=right][class*=bg-black]>.tippy-arrow:before{border-right-color:#000}::-webkit-scrollbar{-webkit-appearance:none;width:8px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ui-combo-box__control{padding:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:14px;--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important;border-radius:4px!important;--tw-border-opacity: 1 !important;border-color:rgb(224 227 231 / var(--tw-border-opacity, 1))!important}.ui-combo-box__control:hover{--tw-border-opacity: 1 !important;border-color:rgb(34 35 36 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-combo-box__control:focus-within{--tw-border-opacity: 1 !important;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1))!important;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.border-danger .ui-combo-box__control{--tw-border-opacity: 1 !important;border-color:rgb(255 90 90 / var(--tw-border-opacity, 1))!important}.ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__menu{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ui-combo-box__option--is-focused{--tw-bg-opacity: 1 !important;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__option--is-selected{--tw-bg-opacity: 1 !important;background-color:rgb(41 121 208 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__dropdown-indicator svg{height:14px;width:14px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.ui-combo-box--is-disabled svg{--tw-text-opacity: 1;color:rgb(189 192 198 / var(--tw-text-opacity, 1))}.ui-combo-box__indicator-separator{display:none}.ui-combo-box__input:focus{box-shadow:none!important}._checkbox_1gb8z_1:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231352C6' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important}/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub,.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px}.ui-range-slider .noUi-handle:before,.ui-range-slider .noUi-handle:after{display:none}.ui-range-slider{height:8px;width:100%;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-connect{--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-handle{height:20px;width:20px;--tw-translate-x: -50%;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-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-range-slider .noUi-tooltip{left:50%;top:130%;height:32px;--tw-translate-x: -50%;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));--tw-bg-opacity: 1;background-color:rgb(34 35 36 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-range-slider .noUi-tooltip:after{content:"";border-color:transparent transparent black transparent;position:absolute;bottom:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid}@keyframes _shimmer_qt4e9_7{to{transform:translate(100%)}}._shimmer_qt4e9_7{transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:_shimmer_qt4e9_7 3s infinite}.DayPicker{display:inline-block;font-size:1rem}.DayPicker-wrapper{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center}.DayPicker-Month{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DayPicker-NavButton{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;width:1.25em;height:1.25em;background-position:center;background-size:50%;background-repeat:no-repeat;color:#8b9898;cursor:pointer}.DayPicker-NavButton:hover{opacity:.8}.DayPicker-NavButton--prev{margin-right:1.5em;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC)}.DayPicker-NavButton--next{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==)}.DayPicker-NavButton--interactionDisabled{display:none}.DayPicker-Caption{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}.DayPicker-Caption>div{font-weight:500;font-size:1.15em}.DayPicker-Weekdays{display:table-header-group;margin-top:1em}.DayPicker-WeekdaysRow{display:table-row}.DayPicker-Weekday{display:table-cell;padding:.5em;color:#8b9898;text-align:center;font-size:.875em}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none}.DayPicker-Body{display:table-row-group}.DayPicker-Week{display:table-row}.DayPicker-Day{display:table-cell;padding:.5em;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer}.DayPicker-WeekNumber{display:table-cell;padding:.5em;min-width:1em;border-right:1px solid #EAECEC;color:#8b9898;vertical-align:middle;text-align:right;font-size:.75em;cursor:pointer}.DayPicker--interactionDisabled .DayPicker-Day{cursor:default}.DayPicker-Footer{padding-top:.5em}.DayPicker-TodayButton{border:none;background-color:transparent;background-image:none;box-shadow:none;color:#4a90e2;font-size:.875em;cursor:pointer}.DayPicker-Day--today{color:#d0021b;font-weight:700}.DayPicker-Day--outside{color:#8b9898;cursor:default}.DayPicker-Day--disabled{color:#dce0e0;cursor:default}.DayPicker-Day--sunday{background-color:#f7f8f8}.DayPicker-Day--sunday:not(.DayPicker-Day--today){color:#dce0e0}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){position:relative;background-color:#4a90e2;color:#f0f8ff}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:#51a0fa}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:#f0f8ff}.DayPickerInput{display:inline-block}.DayPickerInput-OverlayWrapper{position:relative}.DayPickerInput-Overlay{position:absolute;left:0;z-index:1;background:white;box-shadow:0 2px 5px #00000026}.DayPicker-wrapper{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-wrapper:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker{padding-top:24px;letter-spacing:-.4px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ui-date-picker-input{padding:12px 24px 24px}.ui-relative-date-ranges,.date-range-picker{width:810px}.DayPicker-NavBar{--tw-text-opacity: 1;color:rgb(80 82 84 / var(--tw-text-opacity, 1))}.DayPicker-Months{justify-content:flex-start}.DayPicker-Months>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.DayPicker-Month{margin:0;padding:2px 0 0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Month:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Month{min-width:400px;border-collapse:inherit;border-spacing:0 8px}.DayPicker-Month .DayPicker-Caption{margin:0 0 10px;height:40px;padding:0 0 0 16px}.DayPicker-Day--outside{pointer-events:none}.DayPicker-Month .DayPicker-Caption[role=heading] div{position:relative;top:1px;height:40px;font-size:18px;font-weight:600;line-height:40px}.DayPicker-TodayButton{position:absolute;right:96px;top:0;height:40px;padding:10px 14px;line-height:16px;border-radius:4px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(189 192 198 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:14px;font-weight:600;letter-spacing:-.4px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.DayPicker-TodayButton:hover{--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity, 1))}.DayPicker-Month .DayPicker-Caption select{margin-right:10px;height:40px;padding-left:8px;padding-right:24px;border-radius:6px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(189 192 198 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(80 82 84 / var(--tw-text-opacity, 1));background-position:right .2rem center}.DayPicker-Weekday{margin:0;padding:0;font-size:14px;font-weight:600;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.DayPicker-Day{height:32px;width:32px;padding:0!important;line-height:12px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day{padding-left:12px!important}.DayPicker-Day--today .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(224 227 231 / var(--tw-border-opacity, 1));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside),.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:transparent;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover:focus,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):focus,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside),.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{border-color:transparent}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .ui-date-picker-day,.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover .ui-date-picker-day{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside) .ui-day-content:hover{border-width:1px;--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.DayPicker .DayPicker-Day:not(.DayPicker-Day--disabled) .date:hover{border-radius:9999px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(14 68 168 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.DayPicker-Day--outside .date{cursor:pointer;--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity, 1))}.DayPicker-Day--disabled:not(.DayPicker-Day--today) .date{--tw-text-opacity: 1;color:rgb(224 227 231 / var(--tw-text-opacity, 1))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside){border-radius:0;--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .ui-date-picker-day,.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover .ui-date-picker-day{background-color:transparent;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .date,.date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .date:hover{--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.ui-date-picker-day{height:32px;width:32px}.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--disabled) .ui-date-picker-day,.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--disabled) .ui-date-picker-day:hover,.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day,.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day:hover{--tw-bg-opacity: 1 !important;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--outside):not(.DayPicker-Day--end){border-radius:0;background:linear-gradient(90deg,#ffffff 40%,#d1e1ff 25%)}.date-range-picker .DayPicker-Day--start div{border-radius:9999px}.date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--outside):not(.DayPicker-Day--start){border-radius:0;background:linear-gradient(90deg,#d1e1ff 40%,#ffffff 25%)}.date-range-picker .DayPicker-Day--start.DayPicker-Day--end:not(.DayPicker-Day--disabled) .ui-date-picker-day{outline-style:solid;outline-offset:1px;outline-color:#d1e1ff}.date-range-picker .DayPicker-Day--end div{border-radius:9999px}.has-custom-content .DayPicker-Month{border-spacing:1px 16px}.has-custom-content .DayPicker-Day .ui-date-picker-day,.has-custom-content .DayPicker-Day:hover .ui-date-picker-day{height:48px;width:48px;border-width:1px;border-color:transparent}.has-custom-content .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.has-custom-content .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):hover .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 225 255 / var(--tw-bg-opacity, 1))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.has-custom-content .DayPicker-Day .ui-day-content,.has-custom-content .DayPicker-Day .ui-day-content:hover{height:48px;width:48px;border-radius:9999px;border-width:1px;border-color:transparent}.has-custom-content .DayPicker-Day>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.has-custom-content .DayPicker-Day .ui-day-content-custom{font-size:10px;--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity, 1))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected:hover,.has-custom-content .DayPicker-Day.DayPicker-Day--selected{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected .ui-day-content{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.has-custom-content .DayPicker-Day.DayPicker-Day--selected .ui-day-content-custom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;--tw-text-opacity: 1;color:rgb(224 227 231 / var(--tw-text-opacity, 1))}.has-custom-content .DayPicker-Day--today{border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-weight:400;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.has-custom-content .DayPicker-Day--today .ui-day-content{border-width:1px;--tw-border-opacity: 1;border-color:rgb(224 227 231 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.has-custom-content .DayPicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity, 1))}.has-custom-content .DayPicker-Day .ui-day-content-custom{--tw-text-opacity: 1;color:rgb(138 140 145 / var(--tw-text-opacity, 1))}.DayPicker-Day.DayPicker-Day--waitlist>div{position:relative}.DayPicker-Day.DayPicker-Day--waitlist>div:after{position:absolute;bottom:4px;height:8px;width:8px;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 192 61 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content)}@media (max-width: 767px){.DayPicker-Month{min-width:auto}.has-custom-content .DayPicker-Month{border-spacing:1px 2px}.has-custom-content .DayPicker-Day .ui-day-content,.has-custom-content .DayPicker-Day .ui-day-content:hover,.has-custom-content .DayPicker-Day .ui-date-picker-day,.has-custom-content .DayPicker-Day:hover .ui-date-picker-day{height:36px;width:36px}.has-custom-content .DayPicker-Day .ui-day-content-custom{font-size:10px;line-height:1}.DayPicker-Day{padding-left:4px!important}.ui-date-picker-input{padding:12px!important}.ui-date-picker{padding-top:12px!important}.DayPicker-TodayButton{display:none}}
|