tia-chatbot 1.0.0 → 1.0.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 +151 -154
- package/dist/assets/index.css +1 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/tia-widget.cjs +364 -0
- package/dist/tia-widget.cjs.map +1 -0
- package/dist/{tia-chatbot.js → tia-widget.mjs} +3926 -3988
- package/dist/tia-widget.mjs.map +1 -0
- package/dist/tia-widget.umd.cjs +365 -0
- package/dist/tia-widget.umd.cjs.map +1 -0
- package/package.json +22 -34
- package/dist/index.d.ts +0 -1
- package/dist/tia-chatbot.css +0 -1
- package/dist/tia-chatbot.js.map +0 -1
- package/dist/tia-chatbot.umd.js +0 -364
- package/dist/tia-chatbot.umd.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,128 +1,86 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Tia Chat Bot - AI Assistant Interface
|
|
2
2
|
|
|
3
|
-
A modern,
|
|
3
|
+
A modern, responsive chat bot interface built with React, TypeScript, and Tailwind CSS. This application provides a comprehensive AI assistant experience with multiple interaction modes.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
[](https://opensource.org/licenses/MIT)
|
|
5
|
+
## 🚀 Features
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
### Core Features
|
|
8
|
+
- **Multi-Modal Interface**: Text chat, voice interaction, and history management
|
|
9
|
+
- **Responsive Design**: Works seamlessly across desktop and mobile devices
|
|
10
|
+
- **Modern UI**: Clean, intuitive interface with smooth animations
|
|
11
|
+
- **Real-time Chat**: Interactive messaging with AI assistant
|
|
12
|
+
- **Voice Interface**: Voice-to-text and text-to-speech capabilities
|
|
13
|
+
- **Chat History**: Browse and search through past conversations
|
|
9
14
|
|
|
10
|
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
- 🔧 **Customizable** - Easy to style and configure
|
|
17
|
-
- 📦 **TypeScript** - Full TypeScript support with type definitions
|
|
15
|
+
### Interface Components
|
|
16
|
+
- **Welcome Screen**: Animated landing page with key topics
|
|
17
|
+
- **Chat Interface**: Real-time messaging with quick topic suggestions
|
|
18
|
+
- **Voice Interface**: Voice recording and playback functionality
|
|
19
|
+
- **History View**: Searchable conversation history
|
|
20
|
+
- **Sidebar Navigation**: Easy switching between different modes
|
|
18
21
|
|
|
19
|
-
##
|
|
22
|
+
## 🏗️ Project Structure
|
|
20
23
|
|
|
21
|
-
### Via NPM
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npm install tia-chatbot
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### Via CDN
|
|
28
|
-
|
|
29
|
-
```html
|
|
30
|
-
<!-- React Dependencies -->
|
|
31
|
-
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
|
|
32
|
-
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
|
|
33
|
-
|
|
34
|
-
<!-- TIA Chatbot Widget -->
|
|
35
|
-
<script src="https://unpkg.com/tia-chatbot@latest/dist/tia-chatbot.umd.js"></script>
|
|
36
|
-
<link rel="stylesheet" href="https://unpkg.com/tia-chatbot@latest/dist/style.css">
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
## 🚀 Quick Start
|
|
40
|
-
|
|
41
|
-
### NPM Usage (React/TypeScript)
|
|
42
|
-
|
|
43
|
-
```typescript
|
|
44
|
-
import { initTiaChatbot } from 'tia-chatbot';
|
|
45
|
-
import 'tia-chatbot/style.css';
|
|
46
|
-
|
|
47
|
-
const widget = initTiaChatbot({
|
|
48
|
-
serverUrl: 'https://your-chainlit-server.com',
|
|
49
|
-
container: '#chatbot-container'
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
// Later, to remove the widget
|
|
53
|
-
widget.destroy();
|
|
54
24
|
```
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
</body>
|
|
78
|
-
</html>
|
|
25
|
+
src/
|
|
26
|
+
├── components/
|
|
27
|
+
│ ├── chat/
|
|
28
|
+
│ │ └── ChatInterface.tsx # Main chat functionality
|
|
29
|
+
│ ├── home/
|
|
30
|
+
│ │ └── WelcomeScreen.tsx # Landing page with animations
|
|
31
|
+
│ ├── history/
|
|
32
|
+
│ │ └── ChatHistory.tsx # Conversation history
|
|
33
|
+
│ ├── layout/
|
|
34
|
+
│ │ ├── MainLayout.tsx # Main app layout
|
|
35
|
+
│ │ └── Sidebar.tsx # Navigation sidebar
|
|
36
|
+
│ ├── voice/
|
|
37
|
+
│ │ └── VoiceInterface.tsx # Voice interaction
|
|
38
|
+
│ ├── ui/ # Reusable UI components
|
|
39
|
+
│ │ ├── avatar.tsx
|
|
40
|
+
│ │ ├── badge.tsx
|
|
41
|
+
│ │ ├── button.tsx
|
|
42
|
+
│ │ ├── card.tsx
|
|
43
|
+
│ │ └── separator.tsx
|
|
44
|
+
│ └── index.ts # Component exports
|
|
45
|
+
├── lib/ # Utility functions
|
|
46
|
+
└── index.tsx # App entry point
|
|
79
47
|
```
|
|
80
48
|
|
|
81
|
-
##
|
|
49
|
+
## 🎨 Design System
|
|
82
50
|
|
|
83
|
-
|
|
84
|
-
-
|
|
85
|
-
-
|
|
86
|
-
-
|
|
87
|
-
-
|
|
88
|
-
-
|
|
89
|
-
|
|
90
|
-
See [WIDGET_USAGE.md](./WIDGET_USAGE.md)
|
|
91
|
-
|
|
92
|
-
## ⚙️ Configuration
|
|
93
|
-
|
|
94
|
-
```typescript
|
|
95
|
-
interface TiaChatbotConfig {
|
|
96
|
-
serverUrl: string; // Your Chainlit server URL (required)
|
|
97
|
-
container?: string | HTMLElement; // Container element (default: '#tia-chatbot-root')
|
|
98
|
-
}
|
|
99
|
-
```
|
|
51
|
+
### Color Palette
|
|
52
|
+
- **Primary**: `#f56057` (Coral Red)
|
|
53
|
+
- **Secondary**: `#283068` (Navy Blue)
|
|
54
|
+
- **Accent**: `#49507f` (Medium Blue)
|
|
55
|
+
- **Background**: White and light grays
|
|
56
|
+
- **Text**: Dark grays for readability
|
|
100
57
|
|
|
101
|
-
|
|
58
|
+
### Typography
|
|
59
|
+
- **Primary Font**: Manrope (Modern, clean)
|
|
60
|
+
- **Fallback**: Helvetica, system fonts
|
|
102
61
|
|
|
103
|
-
|
|
62
|
+
### Animations
|
|
63
|
+
- Floating particles on welcome screen
|
|
64
|
+
- Smooth transitions between states
|
|
65
|
+
- Pulse and glow effects
|
|
66
|
+
- Hover animations on interactive elements
|
|
104
67
|
|
|
105
|
-
|
|
106
|
-
:root {
|
|
107
|
-
--tia-primary-color: #f56057;
|
|
108
|
-
--tia-secondary-color: #283068;
|
|
109
|
-
}
|
|
68
|
+
## 🛠️ Technology Stack
|
|
110
69
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
70
|
+
- **React 18**: Modern React with hooks
|
|
71
|
+
- **TypeScript**: Type-safe development
|
|
72
|
+
- **Tailwind CSS**: Utility-first styling
|
|
73
|
+
- **Lucide React**: Beautiful icons
|
|
74
|
+
- **Radix UI**: Accessible component primitives
|
|
75
|
+
- **Vite**: Fast development and building
|
|
117
76
|
|
|
118
|
-
##
|
|
77
|
+
## 🚀 Getting Started
|
|
119
78
|
|
|
120
79
|
### Prerequisites
|
|
121
|
-
- Node.js 16+
|
|
122
|
-
- npm or
|
|
123
|
-
|
|
124
|
-
### Setup
|
|
80
|
+
- Node.js 16+
|
|
81
|
+
- npm or yarn
|
|
125
82
|
|
|
83
|
+
### Installation
|
|
126
84
|
```bash
|
|
127
85
|
# Install dependencies
|
|
128
86
|
npm install
|
|
@@ -132,62 +90,101 @@ npm run dev
|
|
|
132
90
|
|
|
133
91
|
# Build for production
|
|
134
92
|
npm run build
|
|
135
|
-
|
|
136
|
-
# Preview production build
|
|
137
|
-
npm run preview
|
|
138
93
|
```
|
|
139
94
|
|
|
140
|
-
###
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
95
|
+
### Development
|
|
96
|
+
The app will be available at `http://localhost:5173`
|
|
97
|
+
|
|
98
|
+
## 📱 Usage
|
|
99
|
+
|
|
100
|
+
### Navigation
|
|
101
|
+
- **Home**: Welcome screen with animated elements
|
|
102
|
+
- **Chat**: Text-based conversation interface
|
|
103
|
+
- **History**: Browse past conversations
|
|
104
|
+
- **Voice**: Voice interaction mode
|
|
105
|
+
|
|
106
|
+
### Chat Features
|
|
107
|
+
- Type messages in the input field
|
|
108
|
+
- Press Enter to send
|
|
109
|
+
- Click quick topic badges for instant responses
|
|
110
|
+
- View message history with timestamps
|
|
111
|
+
|
|
112
|
+
### Voice Features
|
|
113
|
+
- Click the microphone button to start recording
|
|
114
|
+
- View real-time transcript
|
|
115
|
+
- Play back voice messages
|
|
116
|
+
- Adjust voice settings
|
|
117
|
+
|
|
118
|
+
## 🎯 Key Components
|
|
119
|
+
|
|
120
|
+
### ChatInterface
|
|
121
|
+
- Real-time messaging
|
|
122
|
+
- Message bubbles with timestamps
|
|
123
|
+
- Quick topic suggestions
|
|
124
|
+
- Input with emoji and attachment support
|
|
125
|
+
|
|
126
|
+
### WelcomeScreen
|
|
127
|
+
- Animated particle effects
|
|
128
|
+
- Gradient text and backgrounds
|
|
129
|
+
- Interactive topic badges
|
|
130
|
+
- Responsive design
|
|
131
|
+
|
|
132
|
+
### VoiceInterface
|
|
133
|
+
- Voice recording controls
|
|
134
|
+
- Transcript display
|
|
135
|
+
- Voice message history
|
|
136
|
+
- Playback controls
|
|
137
|
+
|
|
138
|
+
### ChatHistory
|
|
139
|
+
- Searchable conversation list
|
|
140
|
+
- Message counts and timestamps
|
|
141
|
+
- Tag-based categorization
|
|
142
|
+
- Empty state handling
|
|
143
|
+
|
|
144
|
+
## 🔧 Customization
|
|
145
|
+
|
|
146
|
+
### Adding New Features
|
|
147
|
+
1. Create new component in appropriate directory
|
|
148
|
+
2. Add to MainLayout.tsx routing
|
|
149
|
+
3. Update sidebar navigation if needed
|
|
150
|
+
4. Export from components/index.ts
|
|
151
|
+
|
|
152
|
+
### Styling
|
|
153
|
+
- Use Tailwind CSS classes
|
|
154
|
+
- Follow the established color palette
|
|
155
|
+
- Maintain consistent spacing and typography
|
|
156
|
+
- Add animations for better UX
|
|
157
|
+
|
|
158
|
+
### Theming
|
|
159
|
+
- Colors are defined in CSS variables
|
|
160
|
+
- Easy to modify in tailwind.css
|
|
161
|
+
- Dark mode support available
|
|
174
162
|
|
|
175
163
|
## 📄 License
|
|
176
164
|
|
|
177
|
-
|
|
165
|
+
This project is licensed under the MIT License.
|
|
178
166
|
|
|
179
167
|
## 🤝 Contributing
|
|
180
168
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
169
|
+
1. Fork the repository
|
|
170
|
+
2. Create a feature branch
|
|
171
|
+
3. Make your changes
|
|
172
|
+
4. Test thoroughly
|
|
173
|
+
5. Submit a pull request
|
|
186
174
|
|
|
187
|
-
##
|
|
175
|
+
## 🐛 Known Issues
|
|
188
176
|
|
|
189
|
-
|
|
177
|
+
- Voice functionality is currently simulated
|
|
178
|
+
- Some animations may need optimization for older devices
|
|
179
|
+
- Mobile responsiveness could be improved
|
|
190
180
|
|
|
191
|
-
|
|
181
|
+
## 🔮 Future Enhancements
|
|
192
182
|
|
|
193
|
-
|
|
183
|
+
- [ ] Real voice recognition integration
|
|
184
|
+
- [ ] Dark mode toggle
|
|
185
|
+
- [ ] Message search functionality
|
|
186
|
+
- [ ] File upload support
|
|
187
|
+
- [ ] User authentication
|
|
188
|
+
- [ ] Multi-language support
|
|
189
|
+
- [ ] Advanced AI responses
|
|
190
|
+
- [ ] Export conversation history
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.right-20{right:calc(var(--spacing)*20)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-22{bottom:calc(var(--spacing)*22)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:30rem){.container{max-width:30rem}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}@media(min-width:120rem){.container{max-width:120rem}}@media(min-width:160rem){.container{max-width:160rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.flex{display:flex}.inline{display:inline}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-64{height:calc(var(--spacing)*64)}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.w-1\/5{width:20%}.w-8\/12{width:66.6667%}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-\[96\%\]{width:96%}.w-full{width:100%}.max-w-\[70\%\]{max-width:70%}.min-w-\[70\%\]{min-width:70%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[\#EFF1FF\]{background-color:#eff1ff}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-\[\#F5605724\]{background-color:#f5605724}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-gray-200{background-color:var(--color-gray-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#4F5FCE\]{--tw-gradient-from:#4f5fce;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#283068\]{--tw-gradient-from:#283068;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#F56057\]{--tw-gradient-from:#f56057;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#FFE6E4\]{--tw-gradient-from:#ffe6e4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#49507F\]{--tw-gradient-via:#49507f;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#A03F39\]{--tw-gradient-via:#a03f39;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#FFE6E4\]{--tw-gradient-via:#ffe6e4;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#2D3776\]{--tw-gradient-to:#2d3776;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#49507F\]{--tw-gradient-to:#49507f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#283068\]{--tw-gradient-to:#283068;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#FDACA7\]\/70{--tw-gradient-to:oklab(82.1256% .0883578 .0380105/.7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0D082C\]{color:#0d082c}.text-\[\#283068\]{color:#283068}.text-black{color:var(--color-black)}.text-gray-700{color:var(--color-gray-700)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.italic{font-style:italic}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black{--tw-shadow-color:#000}@supports (color:color-mix(in lab,red,red)){.shadow-black{--tw-shadow-color:color-mix(in oklab,var(--color-black)var(--tw-shadow-alpha),transparent)}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-\[\#283068\]:hover{background-color:#283068}.hover\:text-white:hover{color:var(--color-white)}}.custom-scrollbar::-webkit-scrollbar{width:4px;height:px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#21294c,#61b872);border-radius:8px;transition:background .3s,width .3s}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:linear-gradient(#283950,#4ae48b);width:8px}.custom-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(#1b2124,#2ecc71)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#21294c #f3f3f3}.custom-scrollbar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);width:100%;height:20px;position:absolute;bottom:0;left:0}.inputHeight{height:40px}@media(min-width:48rem){.inputHeight{height:36px}}@media(min-width:64rem){.inputHeight{height:38px}}@media(min-width:80rem){.inputHeight{height:42px}}@media(min-width:96rem){.inputHeight{height:46px}}@media(min-width:120rem){.inputHeight{height:50px}}@media(min-width:160rem){.inputHeight{height:54px}}.fs32{font-family:Manrope,sans-serif;font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}@media(min-width:48rem){.fs32{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:64rem){.fs32{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:80rem){.fs32{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:96rem){.fs32{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:120rem){.fs32{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}.fs28{font-family:Manrope,sans-serif;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}@media(min-width:48rem){.fs28{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:64rem){.fs28{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:80rem){.fs28{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:96rem){.fs28{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:120rem){.fs28{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.fs24{font-family:Manrope,sans-serif;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media(min-width:48rem){.fs24{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.fs24{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:80rem){.fs24{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:96rem){.fs24{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:120rem){.fs24{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.fs22{font-family:Manrope,sans-serif;font-size:22px}@media(min-width:48rem){.fs22{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.fs22{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:80rem){.fs22{font-size:22px}}@media(min-width:96rem){.fs22{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:120rem){.fs22{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:160rem){.fs22{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.fs20{font-family:Manrope,sans-serif;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media(min-width:48rem){.fs20{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.fs20{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:80rem){.fs20{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:96rem){.fs20{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:120rem){.fs20{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:160rem){.fs20{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.fs18{font-family:Manrope,sans-serif;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media(min-width:48rem){.fs18{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.fs18{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:80rem){.fs18{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:96rem){.fs18{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:120rem){.fs18{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:160rem){.fs18{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.fs16{font-family:Manrope,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media(min-width:48rem){.fs16{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.fs16{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:80rem){.fs16{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:96rem){.fs16{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:120rem){.fs16{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:160rem){.fs16{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.fs14{font-family:Manrope,sans-serif;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media(min-width:48rem){.fs14{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.fs14{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:80rem){.fs14{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:96rem){.fs14{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:120rem){.fs14{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:160rem){.fs14{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.fs12{font-family:Manrope,sans-serif;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}@media(min-width:48rem){.fs12{font-size:8px}}@media(min-width:64rem){.fs12{font-size:10px}}@media(min-width:80rem){.fs12{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:96rem){.fs12{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:120rem){.fs12{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:160rem){.fs12{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.fs10{font-family:Manrope,sans-serif;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}@media(min-width:48rem){.fs10{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));font-size:7px}}@media(min-width:64rem){.fs10{font-size:9px}}@media(min-width:96rem){.fs10{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:120rem){.fs10{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:160rem){.fs10{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}}html,body{tab-size:6;font-family:Manrope,sans-serif;font-size:16px!important}.header{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:10;background-color:#fff;position:fixed}.appHeader{border-bottom-style:var(--tw-border-style);vertical-align:middle;border-color:#f3f3f3;border-bottom-width:1px;justify-content:space-between;align-items:center;height:72px;display:flex}@media(min-width:48rem){.appHeader{height:45px}}@media(min-width:64rem){.appHeader{height:54px}}@media(min-width:80rem){.appHeader{height:62px}}@media(min-width:96rem){.appHeader{height:65px}}@media(min-width:120rem){.appHeader{height:72px}}@media(min-width:160rem){.appHeader{height:75px}}.sidebar{bottom:calc(var(--spacing)*0);z-index:5;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:#fff;border-color:#f3f3f3;position:fixed;top:72px;overflow-y:auto}@media(min-width:48rem){.sidebar{top:45px}}@media(min-width:64rem){.sidebar{top:54px}}@media(min-width:80rem){.sidebar{top:62px}}@media(min-width:96rem){.sidebar{top:65px}}@media(min-width:120rem){.sidebar{top:72px}}@media(min-width:160rem){.sidebar{top:75px}}.sidebar{width:220px}@media(min-width:48rem){.sidebar{width:190px}}@media(min-width:64rem){.sidebar{width:210px}}@media(min-width:80rem){.sidebar{width:260px}}@media(min-width:96rem){.sidebar{width:280px}}@media(min-width:120rem){.sidebar{width:300px}}@media(min-width:160rem){.sidebar{width:280px}}.layoutBodyWithSidebar{right:calc(var(--spacing)*0);z-index:0;padding-top:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);position:absolute;left:220px}@media(min-width:48rem){.layoutBodyWithSidebar{left:190px}}@media(min-width:64rem){.layoutBodyWithSidebar{left:210px}}@media(min-width:80rem){.layoutBodyWithSidebar{left:260px}}@media(min-width:96rem){.layoutBodyWithSidebar{left:280px}}@media(min-width:120rem){.layoutBodyWithSidebar{left:300px}}@media(min-width:160rem){.layoutBodyWithSidebar{left:280px}}.layoutBodyWithSidebar{top:72px}@media(min-width:48rem){.layoutBodyWithSidebar{top:45px}}@media(min-width:64rem){.layoutBodyWithSidebar{top:54px}}@media(min-width:80rem){.layoutBodyWithSidebar{top:62px}}@media(min-width:96rem){.layoutBodyWithSidebar{top:65px}}@media(min-width:120rem){.layoutBodyWithSidebar{top:72px}}@media(min-width:160rem){.layoutBodyWithSidebar{top:75px}}.layoutBodyWithSidebar{min-height:calc(100vh - 72px)}@media(min-width:48rem){.layoutBodyWithSidebar{min-height:calc(100vh - 45px)}}@media(min-width:64rem){.layoutBodyWithSidebar{min-height:calc(100vh - 54px)}}@media(min-width:80rem){.layoutBodyWithSidebar{min-height:calc(100vh - 62px)}}@media(min-width:96rem){.layoutBodyWithSidebar{min-height:calc(100vh - 65px)}}@media(min-width:120rem){.layoutBodyWithSidebar{min-height:calc(100vh - 72px)}}@media(min-width:160rem){.layoutBodyWithSidebar{min-height:calc(100vh - 75px)}}.layoutBodyWithoutSidebar{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);padding-inline-start:calc(var(--spacing)*6);padding-inline-end:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*4);flex:1;top:72px}@media(min-width:48rem){.layoutBodyWithoutSidebar{top:45px}}@media(min-width:64rem){.layoutBodyWithoutSidebar{top:54px}}@media(min-width:80rem){.layoutBodyWithoutSidebar{top:62px}}@media(min-width:96rem){.layoutBodyWithoutSidebar{top:65px}}@media(min-width:120rem){.layoutBodyWithoutSidebar{top:72px}}@media(min-width:160rem){.layoutBodyWithoutSidebar{top:75px}}.inputWrapper{align-items:center;width:100%;display:flex;position:relative}.input{appearance:none;border-style:var(--tw-border-style);border-width:1.5px;border-color:var(--color-gray-200);color:#21294c;border-radius:.25rem;flex-grow:1;width:100%}.input::placeholder{color:#666}.input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;box-shadow:none;outline-style:none}.input:focus:disabled{cursor:not-allowed;background-color:#666}.leftIcon{left:calc(var(--spacing)*3);color:#21294c;position:absolute}.leftIcon+.input{padding-left:calc(var(--spacing)*10)}.rightIcon{right:calc(var(--spacing)*3);color:#21294c;position:absolute}.rightIcon+.input{padding-right:calc(var(--spacing)*10)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|