diff --git a/CSS_CLEANUP_PLAN.md b/CSS_CLEANUP_PLAN.md
deleted file mode 100644
index 00ec5a6828..0000000000
--- a/CSS_CLEANUP_PLAN.md
+++ /dev/null
@@ -1,317 +0,0 @@
-# CSS Variables Cleanup Plan (Pre-MCP Migration)
-
-## Executive Summary
-
-Before migrating to MCP standard variables, we need to clean up the existing goose design system:
-- **Fix 9 undefined variables** (318 total uses)
-- **Remove 6 unused variables** (dead code)
-- **Consolidate 3 redundant variables**
-- **Define 1 missing variable**
-
-This cleanup will ensure a clean foundation for the MCP migration.
-
----
-
-## Phase 1: Fix Undefined Variables (CRITICAL - 318 uses)
-
-These classes are used throughout the codebase but NOT defined in main.css:
-
-### High Priority (200+ uses combined)
-
-| Undefined Variable | Uses | Correct Variable | Reason |
-|-------------------|------|------------------|--------|
-| `text-text-standard` | 52 | `text-default` | Standard body text, redundant prefix |
-| `text-text-prominent` | 11 | `text-default` | Headings/titles, emphasis via font-weight not color |
-| `bg-background-subtle` | 11 | `bg-background-muted` | Subtle backgrounds, maps to existing muted |
-| `border-border-subtle` | 25 | `border-default` | Standard borders, no "subtle" variant exists |
-
-### Medium Priority (error states - 15 uses)
-
-| Undefined Variable | Uses | Correct Variable | Reason |
-|-------------------|------|------------------|--------|
-| `bg-background-error` | 5 | `bg-background-danger` | Design system uses "danger" not "error" |
-| `text-text-error` | ~3 | `text-danger` | Companion to bg-background-error |
-| `border-border-error` | ~2 | `border-danger` | Companion to bg-background-error |
-
-### Low Priority (9 uses)
-
-| Undefined Variable | Uses | Correct Variable | Reason |
-|-------------------|------|------------------|--------|
-| `text-text-on-accent` | 9 | `text-on-accent` | Variable exists, redundant prefix |
-| `bg-background-hover` | 4 | `bg-background-muted` OR refactor to `hover:` modifier | Used for hover states |
-
-### Special Case (defined in CSS but not in :root)
-
-| Undefined Variable | Uses | Correct Variable | Action |
-|-------------------|------|------------------|--------|
-| `var(--text-prominent-inverse)` | 2 | `var(--text-inverse)` | Toast button text, should use existing inverse |
-
-**Total Impact:** 318 instances across 103 files
-
----
-
-## Phase 2: Remove Unused Variables (Dead Code)
-
-These variables are defined in main.css but NEVER used:
-
-### Can Be Removed Immediately
-
-| Variable | Defined | Uses | Action |
-|----------|---------|------|--------|
-| `--background-strong` | ✅ Line 69 | 0 | **DELETE** - No usages found |
-| `--border-input` | ✅ Line 77 | 0 | **DELETE** - border-default used instead |
-| `--background-success` | ✅ Line 72 | 0 | **DELETE** - Never used in components |
-| `--background-warning` | ✅ Line 74 | 0 | **DELETE** - Never used in components |
-| `--border-success` | ✅ Line 80 | 0 | **DELETE** - Never used |
-| `--border-warning` | ✅ Line 81 | 0 | **DELETE** - Never used |
-
-**Total to Remove:** 6 variables (12 definitions with light/dark modes)
-
----
-
-## Phase 3: Consolidate Redundant Variables
-
-### Background Variables Analysis
-
-| Variable | Uses | Value (Light) | Value (Dark) | Status |
-|----------|------|---------------|--------------|--------|
-| `--background-default` | 110 | `#ffffff` | `#22252a` | ✅ Keep - Primary |
-| `--background-app` | 3 | `#ffffff` | `#22252a` | ⚠️ Same as default |
-| `--background-card` | 3 | `#ffffff` | `#22252a` | ⚠️ Same as default |
-
-**Recommendation:** Keep all three for semantic clarity, but recognize they're aliases:
-- `background-app` - Body/root background
-- `background-default` - Standard container background
-- `background-card` - Card component background
-
-These may diverge during MCP migration (card might need subtle elevation), so keep them separate.
-
----
-
-## Phase 4: Variables to Keep (Currently Used)
-
-These are defined and actively used - keep as-is:
-
-### Heavily Used (50+ uses)
-- ✅ `--text-muted` (178 uses)
-- ✅ `--background-default` (110 uses)
-- ✅ `--text-default` (96 uses)
-- ✅ `--background-muted` (59 uses)
-
-### Moderately Used (5-50 uses)
-- ✅ `--border-default` (24 uses)
-- ✅ `--text-inverse` (10 uses)
-- ✅ `--background-medium` (9 uses) - Used for hover states in sidebar
-- ✅ `--background-accent` (8 uses) - Brand color
-- ✅ `--border-strong` (7 uses) - Focus/hover states on inputs
-- ✅ `--background-inverse` (5 uses)
-- ✅ `--text-danger` (5 uses)
-- ✅ `--border-danger` (5 uses)
-
-### Low Use But Necessary (1-4 uses)
-- ✅ `--border-accent` (3 uses)
-- ✅ `--background-card` (3 uses)
-- ✅ `--background-danger` (2 uses)
-- ✅ `--text-accent` (1 use)
-- ✅ `--text-warning` (1 use) - Used in ToolCallWithResponse
-- ✅ `--text-info` (1 use) - Used in ToolCallWithResponse
-- ✅ `--background-info` (1 use)
-
-### Typography
-- ✅ `--font-sans` (Cash Sans)
-- ✅ `--font-mono` (monospace)
-
-### UI-Specific (Keep)
-- ✅ All `--sidebar-*` variables (8 variants)
-- ✅ `--ring` (focus ring)
-- ✅ `--shadow-default` (drop shadow)
-
----
-
-## Phase 5: Additional Issues Found
-
-### Issue 1: Naming Inconsistency
-
-**Current Pattern:**
-- Tailwind classes use redundant prefixes: `text-text-*`, `bg-background-*`, `border-border-*`
-- CSS variables use clean names: `--text-*`, `--background-*`, `--border-*`
-
-**Inconsistency Example:**
-- CSS: `--text-default`
-- Tailwind: `text-text-default` ❌ (redundant)
-- Should be: `text-default` ✅
-
-This is caused by Tailwind v4's `@theme` configuration. Check if this is intentional or a configuration issue.
-
-### Issue 2: Missing Variable Definition
-
-- `--text-prominent-inverse` - Used but not defined
-- Should be added OR replaced with `--text-inverse`
-
----
-
-## Implementation Strategy
-
-### Step 1: Add Missing Definitions (Quick Fix)
-
-Add to `:root` section of main.css:
-
-```css
-:root {
- /* ... existing ... */
-
- /* Define previously implicit variables */
- --text-prominent-inverse: var(--text-inverse); /* For toast buttons */
-}
-```
-
-### Step 2: Global Find & Replace (Automated)
-
-Run these replacements across `ui/desktop/src/**/*.{tsx,ts}`:
-
-```bash
-# High priority (200+ combined uses)
-text-text-standard → text-default
-text-text-prominent → text-default
-bg-background-subtle → bg-background-muted
-border-border-subtle → border-default
-
-# Error states
-bg-background-error → bg-background-danger
-text-text-error → text-danger
-border-border-error → border-danger
-
-# Redundant prefix
-text-text-on-accent → text-on-accent
-
-# Hover states (need manual review)
-bg-background-hover → bg-background-muted
-```
-
-### Step 3: Manual Review Cases
-
-**bg-background-hover special cases:**
-- `ApiKeyTester.tsx:76` - Used as border color → Should be `border-default`
-- `ProviderGuard.tsx:329` - Used as border color → Should be `border-default`
-- Other uses - Refactor to use `hover:bg-background-medium`
-
-### Step 4: Remove Unused Variables
-
-Delete from main.css (both :root and .dark sections):
-
-```css
-/* DELETE THESE */
---background-strong: var(--color-neutral-300);
---border-input: var(--color-neutral-100);
---background-success: var(--color-green-200);
---background-warning: var(--color-yellow-200);
---border-success: var(--color-green-200);
---border-warning: var(--color-yellow-200);
-```
-
-### Step 5: Fix text-prominent-inverse
-
-In main.css, replace:
-
-```css
-/* OLD */
-.Toastify__close-button {
- color: var(--text-prominent-inverse) !important;
-}
-
-/* NEW */
-.Toastify__close-button {
- color: var(--text-inverse) !important;
-}
-```
-
-### Step 6: Verify
-
-Run these checks:
-
-```bash
-# Check for remaining undefined variables
-grep -r "text-text-\|bg-background-subtle\|border-border-" ui/desktop/src --include="*.tsx"
-
-# Verify no regressions
-npm run build
-npm run test
-```
-
----
-
-## Risk Assessment
-
-### Low Risk
-- ✅ Removing unused variables (no impact)
-- ✅ Fixing undefined variables (currently broken, can only improve)
-- ✅ Consolidating redundant names (semantic aliases)
-
-### Medium Risk
-- ⚠️ `bg-background-hover` refactor - Need to test hover states
-- ⚠️ Global replacements - Need comprehensive testing
-
-### High Risk
-- ❌ None - These are all bug fixes and cleanup
-
----
-
-## Testing Checklist
-
-After implementing changes:
-
-- [ ] **Sidebar** - Hover states work correctly (uses background-medium)
-- [ ] **Forms** - Input focus states visible (uses border-strong)
-- [ ] **Cards** - Background colors consistent
-- [ ] **Error states** - Red backgrounds/borders/text display correctly
-- [ ] **Toast notifications** - Close button visible and styled
-- [ ] **Apps view** - Tags and badges have subtle backgrounds
-- [ ] **Schedule views** - Error messages display with correct styling
-- [ ] **Recipes** - Modal borders and form inputs look correct
-- [ ] **Provider cards** - Hover states functional
-- [ ] **Dark mode** - All changes work in dark theme
-
----
-
-## Files Requiring Most Changes
-
-Based on undefined variable usage:
-
-1. `ui/desktop/src/components/ui/RecipeWarningModal.tsx` (text-text-standard)
-2. `ui/desktop/src/components/ProviderGuard.tsx` (multiple undefined)
-3. `ui/desktop/src/components/schedule/ScheduleDetailView.tsx` (error states)
-4. `ui/desktop/src/components/schedule/ScheduleModal.tsx` (error states)
-5. `ui/desktop/src/components/apps/AppsView.tsx` (bg-background-subtle)
-6. `ui/desktop/src/components/UserMessage.tsx` (text-text-prominent, border-border-subtle)
-7. `ui/desktop/src/components/settings/app/TelemetrySettings.tsx` (text-text-standard)
-8. `ui/desktop/src/styles/main.css` (text-prominent-inverse)
-
----
-
-## Post-Cleanup Status
-
-**After Phase 1-5 Complete:**
-
-### Variables Summary
-- ✅ **Defined & Used:** 25 variables (clean)
-- ✅ **Undefined Issues:** 0 (fixed 9)
-- ✅ **Unused Variables:** 0 (removed 6)
-- ✅ **Design System:** Consistent and maintainable
-
-### Ready for MCP Migration
-With a clean foundation, the MCP migration can proceed with:
-- Clear 1:1 mappings from goose → MCP
-- No undefined variables to confuse the process
-- No dead code to maintain
-- Consistent naming patterns
-
----
-
-## Estimated Effort
-
-- **Phase 1-2:** 2-3 hours (automated find/replace + validation)
-- **Phase 3:** 1 hour (manual review of hover states)
-- **Phase 4:** 30 minutes (remove unused variables)
-- **Phase 5:** 1 hour (testing and verification)
-
-**Total:** ~5 hours for complete cleanup
diff --git a/CSS_CLEANUP_SUMMARY.md b/CSS_CLEANUP_SUMMARY.md
deleted file mode 100644
index 4de3bdbfb1..0000000000
--- a/CSS_CLEANUP_SUMMARY.md
+++ /dev/null
@@ -1,246 +0,0 @@
-# CSS Variables Cleanup Summary
-
-## Completed: 2026-02-04
-
-All CSS variable cleanup tasks have been successfully completed. The goose design system now has a clean, consistent foundation ready for MCP migration.
-
----
-
-## Changes Made
-
-### ✅ Fixed Undefined Variables (318 total instances)
-
-All instances of undefined CSS variables have been replaced with proper definitions:
-
-| Undefined Variable | Instances | Replaced With | Status |
-|-------------------|-----------|---------------|--------|
-| `text-text-standard` | 52 | `text-default` | ✅ Fixed |
-| `text-text-prominent` | 11 | `text-default` | ✅ Fixed |
-| `bg-background-subtle` | 11 | `bg-background-muted` | ✅ Fixed |
-| `border-border-subtle` | 25 | `border-default` | ✅ Fixed |
-| `bg-background-error` | 5 | `bg-background-danger` | ✅ Fixed |
-| `text-text-error` | ~3 | `text-danger` | ✅ Fixed |
-| `border-border-error` | ~2 | `border-danger` | ✅ Fixed |
-| `text-text-on-accent` | 9 | `text-on-accent` | ✅ Fixed |
-| `bg-background-hover` | 4 | `hover:bg-background-medium` | ✅ Fixed |
-
-**Result:** 0 undefined variables remaining in the codebase.
-
----
-
-### ✅ Removed Unused Variables (6 variables)
-
-Deleted dead code from `main.css` (`:root`, `.dark`, and `@theme inline` sections):
-
-| Variable | Status |
-|----------|--------|
-| `--background-strong` | ✅ Removed |
-| `--border-input` | ✅ Removed |
-| `--background-success` | ✅ Removed |
-| `--background-warning` | ✅ Removed |
-| `--border-success` | ✅ Removed |
-| `--border-warning` | ✅ Removed |
-
-**Total Lines Removed:** 18 lines (6 variables × 3 sections)
-
----
-
-### ✅ Fixed CSS Issues
-
-| Issue | Fix | Status |
-|-------|-----|--------|
-| `--text-prominent-inverse` (undefined) | Replaced with `--text-inverse` | ✅ Fixed |
-| Redundant variable prefixes | Removed `text-text-`, `border-border-` patterns | ✅ Fixed |
-
----
-
-## Current Design System State
-
-### Active CSS Variables (25 total)
-
-#### Backgrounds (8)
-- ✅ `--background-app`
-- ✅ `--background-default`
-- ✅ `--background-card`
-- ✅ `--background-muted`
-- ✅ `--background-medium`
-- ✅ `--background-inverse`
-- ✅ `--background-danger`
-- ✅ `--background-info`
-- ✅ `--background-accent` (goose-specific)
-
-#### Text (7)
-- ✅ `--text-default`
-- ✅ `--text-muted`
-- ✅ `--text-inverse`
-- ✅ `--text-accent` (goose-specific)
-- ✅ `--text-on-accent` (goose-specific)
-- ✅ `--text-danger`
-- ✅ `--text-info`
-- ✅ `--text-warning`
-- ✅ `--text-success`
-
-#### Borders (5)
-- ✅ `--border-default`
-- ✅ `--border-strong`
-- ✅ `--border-accent` (goose-specific)
-- ✅ `--border-danger`
-- ✅ `--border-info`
-
-#### Typography (2)
-- ✅ `--font-sans`
-- ✅ `--font-mono`
-
-#### Other (3)
-- ✅ `--ring`
-- ✅ `--shadow-default`
-- ✅ 8 sidebar-specific variables
-
-**Total:** 25 core variables + 8 sidebar variables = 33 variables
-
----
-
-## Impact Analysis
-
-### Files Changed
-- **103 TypeScript/TSX files** - Fixed undefined variable usage
-- **1 CSS file** - Removed unused variables, fixed undefined references
-
-### Most Impacted Components
-1. `ui/RecipeWarningModal.tsx` - text-text-standard fixes
-2. `ProviderGuard.tsx` - multiple undefined variable fixes
-3. `schedule/ScheduleDetailView.tsx` - error state fixes
-4. `schedule/ScheduleModal.tsx` - error state fixes
-5. `apps/AppsView.tsx` - background-subtle fixes
-6. `UserMessage.tsx` - border and text fixes
-7. `OllamaSetup.tsx` - hover state fixes
-8. `BottomMenuExtensionSelection.tsx` - hover state fixes
-
-### Code Quality Improvements
-- ✅ **Eliminated all undefined variables** - No more fallback to defaults
-- ✅ **Removed dead code** - 6 unused variables deleted
-- ✅ **Consistent naming** - No more redundant prefixes
-- ✅ **Design system integrity** - All variables properly defined and used
-
----
-
-## Verification Results
-
-### ✅ All Tests Pass
-
-```bash
-# Undefined variables check
-text-text-standard: 0 ✅
-text-text-prominent: 0 ✅
-bg-background-subtle: 0 ✅
-border-border-subtle: 0 ✅
-bg-background-error: 0 ✅
-text-text-error: 0 ✅
-border-border-error: 0 ✅
-text-text-on-accent: 0 ✅
-bg-background-hover: 0 ✅
-
-# Removed variables check
-No instances found in CSS ✅
-
-# text-prominent-inverse check
-No instances found ✅
-```
-
----
-
-## Before → After Comparison
-
-### Before Cleanup
-- ❌ 318 uses of undefined variables
-- ❌ 6 unused variables cluttering CSS
-- ❌ Inconsistent naming (text-text-*, border-border-*)
-- ❌ undefined `text-prominent-inverse` reference
-- ⚠️ 103 files affected by issues
-
-### After Cleanup
-- ✅ 0 undefined variables
-- ✅ 0 unused variables
-- ✅ Consistent, clean naming
-- ✅ All CSS references properly defined
-- ✅ 33 well-defined, actively-used variables
-
----
-
-## Design System Health
-
-### Current Status: HEALTHY ✅
-
-| Metric | Status |
-|--------|--------|
-| Variable Definition Rate | 100% (all used variables defined) |
-| Dead Code | 0% (all defined variables used) |
-| Naming Consistency | 100% (no redundant prefixes) |
-| Design Coverage | Complete (backgrounds, text, borders, typography) |
-
----
-
-## Next Steps: Ready for MCP Migration
-
-With the cleanup complete, the codebase is ready for MCP standard migration:
-
-1. ✅ **Clean foundation** - No undefined or unused variables
-2. ✅ **Clear mappings** - Each goose variable has obvious MCP equivalent
-3. ✅ **Consistent patterns** - Easy to apply systematic replacements
-4. ✅ **Testable** - Can verify each migration step independently
-
-### MCP Migration Checklist
-- [ ] Map goose variables to MCP standard (80 variables)
-- [ ] Add new MCP variables (typography, shadows, radii)
-- [ ] Update components to use MCP names
-- [ ] Inject MCP variables into iframe sandboxes
-- [ ] Test with MCP apps (clock, etc.)
-
----
-
-## Files Modified
-
-### TypeScript/TSX Changes
-- 103 component files updated with corrected variable names
-- No functional changes, only CSS class name corrections
-
-### CSS Changes
-- `ui/desktop/src/styles/main.css`
- - Removed 18 lines (unused variable definitions)
- - Fixed 2 lines (text-prominent-inverse → text-inverse)
- - Net: -16 lines
-
----
-
-## Notes
-
-### Naming Convention Clarification
-The redundant prefixes (e.g., `text-text-standard`) were from an older naming convention. The current standard is:
-- ✅ CSS variables: `--text-default`, `--background-muted`
-- ✅ Tailwind classes: `text-default`, `bg-background-muted`
-- ❌ Old convention: `text-text-default`, `bg-bg-muted`
-
-### Variables Kept for Semantic Clarity
-Some variables have identical values but are kept for semantic purposes:
-- `--background-app`, `--background-default`, `--background-card` all equal `#ffffff` (light) / `#22252a` (dark)
-- These may diverge during MCP migration (e.g., cards might get subtle elevation)
-
-### Goose-Specific Variables
-The following variables are goose-specific and will be kept as internal aliases after MCP migration:
-- `--background-accent`, `--text-accent`, `--border-accent` (brand teal/white)
-- All `--sidebar-*` variables (UI-specific)
-- `--text-on-accent` (text color on accent backgrounds)
-
----
-
-## Conclusion
-
-✅ **CSS cleanup complete and verified**
-
-The goose design system now has:
-- Clean, well-defined variables
-- No undefined or unused code
-- Consistent naming patterns
-- 100% coverage of UI needs
-
-**Ready to proceed with MCP migration.**
diff --git a/CSS_SIMPLIFICATION_COMPLETE.md b/CSS_SIMPLIFICATION_COMPLETE.md
deleted file mode 100644
index cf0caea8a1..0000000000
--- a/CSS_SIMPLIFICATION_COMPLETE.md
+++ /dev/null
@@ -1,288 +0,0 @@
-# CSS Simplification Complete
-
-## Summary
-
-Successfully migrated from redundant Tailwind v4 double-prefix pattern to clean, simplified variable names. The codebase is now ready for MCP standard migration.
-
----
-
-## Changes Made
-
-### 1. Fixed All Undefined Variables (42 instances)
-- ✅ `textStandard`, `textProminent`, `textSubtle` → `text-default`, `text-muted`
-- ✅ `bgSubtle`, `bgStandardInverse` → `bg-muted`, `bg-inverse`
-- ✅ `borderSubtle`, `borderProminent` → `border-default`, `border-strong`
-- ✅ All camelCase patterns removed
-
-### 2. Simplified Naming Pattern
-
-**Before (Tailwind v4 double-prefix):**
-```css
---color-text-default → text-text-default (redundant!)
---color-background-default → bg-background-default (redundant!)
---color-border-default → border-border-default (redundant!)
-```
-
-**After (Clean, simplified):**
-```css
---color-default → text-default ✅
---default → bg-default ✅
---border-color-default → border-default ✅
-```
-
-### 3. Updated CSS Configuration
-
-Modified `@theme inline` section in `main.css` to support simplified class names:
-
-**Background utilities** (`bg-*`):
-- `bg-default`, `bg-muted`, `bg-medium`, `bg-inverse`
-- `bg-accent`, `bg-danger`, `bg-info`, `bg-card`, `bg-app`
-
-**Text utilities** (`text-*`):
-- `text-default`, `text-muted`, `text-inverse`
-- `text-accent`, `text-on-accent`
-- `text-danger`, `text-success`, `text-warning`, `text-info`
-
-**Border utilities** (`border-*`):
-- `border-default`, `border-strong`
-- `border-accent`, `border-danger`, `border-info`
-
----
-
-## Current State
-
-### ✅ Zero Issues
-- ❌ No double-prefix patterns (`text-text-*`, `bg-background-*`, `border-border-*`)
-- ❌ No camelCase patterns (`textStandard`, `bgSubtle`, etc.)
-- ❌ No undefined variables
-- ✅ All classes properly defined in CSS
-
-### Usage Statistics
-
-**Background Classes:**
-- `bg-default`: 116 uses
-- `bg-muted`: 126 uses
-- `bg-medium`: 16 uses
-- `bg-accent`: 15 uses
-- `bg-inverse`: 5 uses
-- `bg-danger`: 10 uses
-- `bg-info`: 1 use
-- `bg-card`: 3 uses
-
-**Text Classes:**
-- `text-default`: 314 uses
-- `text-muted`: 330 uses
-- `text-inverse`: 19 uses
-- `text-on-accent`: 17 uses
-- `text-danger`: 5 uses
-- `text-success`: 1 use
-- `text-warning`: 1 use
-- `text-info`: 3 uses
-
-**Border Classes:**
-- `border-default`: 183 uses
-- `border-strong`: 14 uses
-- `border-accent`: 3 uses
-- `border-danger`: 5 uses
-- `border-info`: 2 uses
-
----
-
-## CSS Variables Defined
-
-### In `:root` and `.dark`
-
-**Backgrounds:**
-```css
---background-app
---background-default
---background-card
---background-muted
---background-medium
---background-inverse
---background-danger
---background-info
---background-accent
-```
-
-**Text:**
-```css
---text-default
---text-muted
---text-inverse
---text-accent
---text-on-accent
---text-danger
---text-success
---text-warning
---text-info
-```
-
-**Borders:**
-```css
---border-default
---border-strong
---border-accent
---border-danger
---border-info
-```
-
-**Other:**
-```css
---ring
---shadow-default
---font-sans
---font-mono
---sidebar (8 variants)
-```
-
-### In `@theme inline` (Generates Tailwind Utilities)
-
-Maps `:root` variables to Tailwind-compatible class generation:
-- Background: `--default`, `--muted`, etc. → `bg-default`, `bg-muted`
-- Text: `--color-default`, `--color-muted` → `text-default`, `text-muted`
-- Border: `--border-color-default` → `border-default`
-
----
-
-## Benefits of Simplified Pattern
-
-### 1. **Readability**
-- ❌ Before: `className="text-text-default bg-background-muted border-border-default"`
-- ✅ After: `className="text-default bg-muted border-default"`
-
-### 2. **Consistency**
-- Single, clear naming convention throughout codebase
-- No mix of double-prefix, camelCase, and simplified patterns
-
-### 3. **MCP Migration Ready**
-The simplified pattern aligns perfectly with MCP standard naming:
-- Current: `text-default` (from `--text-default`)
-- MCP Target: `text-primary` (from `--color-text-primary`)
-
-Migration will be straightforward:
-```bash
-text-default → text-primary
-text-muted → text-secondary
-bg-default → bg-primary
-etc.
-```
-
-### 4. **Maintainability**
-- Fewer variables to maintain
-- Clear semantic meaning
-- Easy to understand for new developers
-
----
-
-## Files Changed
-
-### Summary
-- **~150 TypeScript/TSX files** updated
-- **1 CSS file** (`main.css`) restructured
-- **Total changes**: ~1000+ line modifications
-
-### Most Impacted Files
-1. Settings components (providers, extensions, permissions)
-2. Recipe components (create, edit, info modals)
-3. Session components (history, list)
-4. Schedule components (modal, detail view)
-5. UI components (inputs, forms, buttons)
-6. Parameter components
-7. Tool confirmation components
-
----
-
-## Pre-MCP Migration Status
-
-### ✅ Ready for MCP Migration
-
-| Aspect | Status |
-|--------|--------|
-| Undefined variables | ✅ 0 remaining |
-| Naming consistency | ✅ 100% simplified pattern |
-| Dead code | ✅ Removed (6 variables) |
-| Design system health | ✅ Healthy (all defined, all used) |
-| Documentation | ✅ Complete |
-
-### Next Steps for MCP Migration
-
-1. **Map current variables to MCP standard** (already documented in CSS_CLEANUP_PLAN.md)
-2. **Add MCP-specific variables**:
- - Typography scale (font sizes, weights, line heights)
- - Border radius system
- - Shadow scale (hairline, sm, md, lg)
- - Ring colors for focus states
- - Ghost/disabled states
-
-3. **Rename goose → MCP**:
- ```bash
- --text-default → --color-text-primary
- --text-muted → --color-text-secondary
- --background-default → --color-background-primary
- --background-muted → --color-background-secondary
- etc.
- ```
-
-4. **Update Tailwind config** to generate MCP class names
-
-5. **Inject MCP variables into iframe sandboxes**
-
----
-
-## Lessons Learned
-
-1. **Naming conventions matter** - Inconsistent patterns lead to confusion and bugs
-2. **Tailwind v4's double-prefix** is verbose but explicit - simplification works better for smaller projects
-3. **CamelCase in CSS classes** is problematic - Always use kebab-case
-4. **Automated find/replace** is powerful but needs verification
-5. **Incremental cleanup** is safer than big-bang changes
-
----
-
-## Testing Checklist
-
-Before deploying, verify:
-
-- [ ] Sidebar theme selector works in light/dark modes
-- [ ] Forms render correctly with proper borders and focus states
-- [ ] Error states display with danger colors
-- [ ] Hover states work on buttons and interactive elements
-- [ ] Cards have proper backgrounds
-- [ ] Text hierarchy is visible (default vs muted)
-- [ ] Accent colors display correctly (goose branding)
-- [ ] Modals render with proper backgrounds
-- [ ] Settings pages are readable
-- [ ] Toast notifications style correctly
-- [ ] Dark mode works across all components
-- [ ] MCP apps view displays properly
-
----
-
-## Migration Timeline
-
-- **Phase 1 (Completed)**: Fix undefined variables (42 instances)
-- **Phase 2 (Completed)**: Remove camelCase patterns
-- **Phase 3 (Completed)**: Simplify to direct variables
-- **Phase 4 (Completed)**: Update CSS configuration
-- **Phase 5 (Next)**: MCP standard migration
-
-**Estimated time for MCP migration**: ~4-6 hours
-- Update variable definitions: 1-2 hours
-- Update component classes: 2-3 hours
-- Testing and verification: 1 hour
-
----
-
-## Conclusion
-
-✅ **CSS simplification complete and verified**
-
-The goose codebase now has:
-- ✅ Clean, simplified CSS variable naming
-- ✅ Zero undefined variables
-- ✅ Zero naming inconsistencies
-- ✅ 100% consistent pattern usage
-- ✅ Ready for MCP standard migration
-
-**Next**: Proceed with MCP variable migration to enable theme injection for MCP apps.
diff --git a/CSS_VARIABLE_AUDIT.md b/CSS_VARIABLE_AUDIT.md
deleted file mode 100644
index f22460d0d6..0000000000
--- a/CSS_VARIABLE_AUDIT.md
+++ /dev/null
@@ -1,190 +0,0 @@
-# CSS Variable Usage Audit - Post-Cleanup
-
-## Summary
-
-After the initial cleanup, there are **still undefined variables** being used in the codebase. The analysis reveals a complex picture with multiple naming conventions.
-
----
-
-## Tailwind v4 Naming Pattern
-
-Tailwind v4 generates utility classes from CSS custom properties defined in the `@theme inline` section:
-
-### Pattern:
-```
-CSS: --color-text-default
-↓
-Tailwind class: text-text-default
-```
-
-The class name = utility type (`text`) + variable name after `--color-` prefix (`text-default`)
-
----
-
-## Currently Defined Variables (from @theme inline)
-
-### Text Colors (defined = 7)
-✅ `--color-text-default` → `text-text-default` (112 uses)
-✅ `--color-text-muted` → `text-text-muted` (200 uses)
-✅ `--color-text-inverse` → `text-text-inverse` (14 uses)
-✅ `--color-text-accent` → `text-text-accent` (1 use)
-✅ `--color-text-on-accent` → `text-on-accent` (16 uses)
-✅ `--color-text-danger` → `text-text-danger` (3 uses)
-✅ `--color-text-success` → `text-text-success` (0 uses)
-✅ `--color-text-warning` → `text-text-warning` (1 use)
-✅ `--color-text-info` → `text-text-info` (1 use)
-
-### Background Colors (defined = 7)
-✅ `--color-background-default` → `bg-background-default` (115 uses)
-✅ `--color-background-muted` → `bg-background-muted` (82 uses)
-✅ `--color-background-medium` → `bg-background-medium` (15 uses)
-✅ `--color-background-inverse` → `bg-background-inverse` (5 uses)
-✅ `--color-background-accent` → `bg-background-accent` (12 uses)
-✅ `--color-background-danger` → `bg-background-danger` (10 uses)
-✅ `--color-background-info` → `bg-background-info` (1 use)
-✅ `--color-background-card` → `bg-background-card` (3 uses)
-
-### Border Colors (defined = 4)
-✅ `--color-border-default` → `border-border-default` (25 uses)
-✅ `--color-border-strong` → `border-border-strong` (6 uses)
-✅ `--color-border-accent` → `border-border-accent` (3 uses)
-✅ `--color-border-danger` → `border-border-danger` (0 uses)
-✅ `--color-border-info` → `border-border-info` (1 use)
-
----
-
-## UNDEFINED Variables Still Being Used
-
-### Text (5 undefined)
-❌ `text-text-subtle` (12 uses) - no `--color-text-subtle` defined
-❌ `textProminentInverse` (2 uses) - non-standard camelCase
-❌ `textPlaceholder` (9 uses) - non-standard camelCase
-
-### Background (6 undefined)
-❌ `bg-background-defaultInverse` (2 uses) - camelCase, not defined
-❌ `bg-background-primary` (1 use) - not defined
-❌ `bg-background-panel` (1 use) - not defined
-❌ `bg-background-light` (1 use) - not defined
-❌ `bg-background-dark` (1 use) - not defined
-❌ `bgStandardInverse` (2 uses) - non-standard camelCase
-
-### Border (2 undefined)
-❌ `border-border-muted` (5 uses) - no `--color-border-muted` defined
-❌ `border-border-focus` (2 uses) - no `--color-border-focus` defined
-
-**Total: 42 uses of undefined variables**
-
----
-
-## Alternative Class Usage (Non-Tailwind v4 Pattern)
-
-Some code uses shortened class names that may work via Tailwind's default utilities:
-
-- `text-default` (176 uses) - instead of `text-text-default`
-- `border-default` (62 uses) - instead of `border-border-default`
-- `text-muted` (27 uses) - instead of `text-text-muted`
-- `text-inverse` (2 uses) - instead of `text-text-inverse`
-- `text-danger` (5 uses) - instead of `text-text-danger`
-- `text-info` (3 uses) - instead of `text-text-info`
-
-These may be:
-1. Tailwind generating classes from the `:root` variables (e.g., `--text-default`)
-2. Custom utility classes
-3. Inconsistent usage that should be standardized
-
----
-
-## Issues to Fix
-
-### Priority 1: Undefined Variables (42 uses)
-
-These MUST be fixed:
-
-| Variable | Uses | Suggested Fix |
-|----------|------|---------------|
-| `text-text-subtle` | 12 | Add `--color-text-subtle` OR replace with `text-text-muted` |
-| `border-border-muted` | 5 | Add `--color-border-muted` OR replace with `border-border-default` |
-| `border-border-focus` | 2 | Add `--color-border-focus` OR replace with `border-border-strong` |
-| `textProminentInverse` | 2 | Replace with `text-text-inverse` |
-| `textPlaceholder` | 9 | Add `--color-text-placeholder` or use existing |
-| `bgStandardInverse` | 2 | Replace with `bg-background-inverse` |
-| `bg-background-defaultInverse` | 2 | Replace with `bg-background-inverse` |
-| `bg-background-primary` | 1 | Replace with `bg-background-default` |
-| `bg-background-panel` | 1 | Replace with `bg-background-card` |
-| `bg-background-light` | 1 | Replace with `bg-background-muted` (light mode specific) |
-| `bg-background-dark` | 1 | Replace with `bg-background-medium` (dark mode specific) |
-
-### Priority 2: Naming Inconsistency (268 uses)
-
-Standardize on Tailwind v4 pattern:
-
-| Current | Uses | Should Be |
-|---------|------|-----------|
-| `text-default` | 176 | `text-text-default` or define properly |
-| `border-default` | 62 | `border-border-default` or define properly |
-| `text-muted` | 27 | `text-text-muted` or define properly |
-| `text-inverse` | 2 | `text-text-inverse` or define properly |
-| `text-danger` | 5 | `text-text-danger` or define properly |
-
----
-
-## Recommendations
-
-### Option 1: Complete Tailwind v4 Compliance
-- Add missing `--color-*` variables to `@theme inline`
-- Replace all shortened names with full Tailwind v4 pattern
-- Standardize on `text-text-*`, `bg-background-*`, `border-border-*`
-
-### Option 2: Simplify to Direct Variables
-- Keep `:root` variables like `--text-default`, `--background-muted`
-- Remove `@theme inline` section or simplify it
-- Use shorter class names consistently: `text-default`, `bg-muted`, `border-default`
-- Less redundant, more readable
-
-### Option 3: Hybrid Approach
-- Keep Tailwind v4 for theme-able variables (backgrounds, text, borders)
-- Add missing variables for gaps
-- Accept some inconsistency where it exists
-
----
-
-## Current Usage Statistics
-
-### Total CSS Class Usage
-- **Background classes:** 248 uses
- - Defined: 233 uses (94%)
- - Undefined: 8 uses (3%)
- - Alternative syntax: 7 uses (3%)
-
-- **Text classes:** 461 uses
- - Defined (Tailwind v4 pattern): 238 uses (52%)
- - Alternative syntax: 213 uses (46%)
- - Undefined: 10 uses (2%)
-
-- **Border classes:** 93 uses
- - Defined: 38 uses (41%)
- - Alternative syntax: 48 uses (52%)
- - Undefined: 7 uses (7%)
-
----
-
-## Next Steps Decision Needed
-
-Before proceeding with MCP migration, we need to decide:
-
-1. **Which naming convention to use?**
- - Full Tailwind v4 (`text-text-default`) - more verbose but explicit
- - Shortened (`text-default`) - cleaner but less clear what's custom vs. Tailwind default
-
-2. **Should we add the missing variables or replace with existing ones?**
- - Add: `--color-text-subtle`, `--color-border-muted`, etc.
- - Replace: Use existing similar variables
-
-3. **How to handle the camelCase variables?**
- - `textProminentInverse`, `textPlaceholder`, `bgStandardInverse`
- - These seem to be older conventions that should be migrated
-
-**Recommendation:**
-- Fix all undefined variables (42 uses)
-- Standardize on ONE naming pattern before MCP migration
-- Add missing semantic variables that make sense (`text-subtle`, `border-muted`)
diff --git a/CSS_VARIABLE_USAGE_REPORT.md b/CSS_VARIABLE_USAGE_REPORT.md
deleted file mode 100644
index ecbdf5f00c..0000000000
--- a/CSS_VARIABLE_USAGE_REPORT.md
+++ /dev/null
@@ -1,385 +0,0 @@
-# CSS Variable Usage Report
-
-Complete audit of all CSS variables in the goose codebase after cleanup.
-
-Generated: 2026-02-04
-
----
-
-## Summary Statistics
-
-**Total Variables Defined:** 32 (excluding color-\*, font-\*, and internal Tailwind mappings)
-
-**Variable Categories:**
-- Background colors: 8 variables
-- Text colors: 9 variables
-- Border colors: 5 variables
-- Sidebar: 8 variables
-- Other: 3 variables (placeholder, ring, shadow)
-
-**Total Usage: ~1,650 uses** across the entire codebase
-
----
-
-## Quick Reference - All Variables by Usage
-
-| Rank | Variable | Total Uses | Category | Usage Level |
-|------|----------|-----------|----------|-------------|
-| 1 | `text-muted` | 348 | Text | 🔥 Heavy |
-| 2 | `text-default` | 331 | Text | 🔥 Heavy |
-| 3 | `border-default` | 179 | Border | 🔥 Heavy |
-| 4 | `bg-muted` | 137 | Background | 🔥 Heavy |
-| 5 | `bg-default` | 133 | Background | 🔥 Heavy |
-| 6 | `ring` | 61 | Focus | ✅ Good |
-| 7 | `--sidebar` | 35 | Sidebar | ✅ Good |
-| 8 | `text-inverse` | 29 | Text | ✅ Good |
-| 9 | `border-strong` | 24 | Border | ✅ Good |
-| 10 | `text-danger` | 22 | Text | ✅ Good |
-| 11 | `bg-accent` | 19 | Background | ✅ Good |
-| 12 | `bg-medium` | 17 | Background | ✅ Good |
-| 13 | `text-on-accent` | 16 | Text | ✅ Good |
-| 14 | `bg-danger` | 13 | Background | ✅ Good |
-| 15 | `border-danger` | 12 | Border | ✅ Good |
-| 16 | `placeholder` | 11 | Other | ✅ Good |
-| 17 | `bg-inverse` | 10 | Background | ✅ Good |
-| 18 | `border-accent` | 10 | Border | ✅ Good |
-| 19 | `text-info` | 9 | Text | ⚠️ Light |
-| 20 | `border-info` | 8 | Border | ⚠️ Light |
-| 21 | `text-accent` | 7 | Text | ⚠️ Light |
-| 22 | `bg-card` | 7 | Background | ⚠️ Light |
-| 23 | `text-warning` | 7 | Text | ⚠️ Light |
-| 24 | `text-success` | 6 | Text | ⚠️ Light |
-| 25 | `bg-info` | 6 | Background | ⚠️ Light |
-| 26 | `--sidebar-primary` | 6 | Sidebar | ⚠️ Light |
-| 27 | `--sidebar-accent` | 6 | Sidebar | ⚠️ Light |
-| 28 | `shadow-default` | 4 | Other | ⚠️ Light |
-| 29-32 | Sidebar vars (4) | 3-2 each | Sidebar | ⚠️ Light |
-
----
-
-## Background Variables
-
-| Variable | Tailwind Class | CSS Variable | Class Usage | Var Usage | Total | Status |
-|----------|----------------|--------------|-------------|-----------|-------|--------|
-| `--background-default` | `bg-default` | `var(--background-default)` | 129 | 4 | 133 | ✅ Heavy |
-| `--background-muted` | `bg-muted` | `var(--background-muted)` | 129 | 8 | 137 | ✅ Heavy |
-| `--background-medium` | `bg-medium` | `var(--background-medium)` | 14 | 3 | 17 | ✅ Good |
-| `--background-card` | `bg-card` | `var(--background-card)` | 4 | 3 | 7 | ✅ Light |
-| `--background-inverse` | `bg-inverse` | `var(--background-inverse)` | 7 | 3 | 10 | ✅ Good |
-| `--background-accent` | `bg-accent` | `var(--background-accent)` | 14 | 5 | 19 | ✅ Good |
-| `--background-danger` | `bg-danger` | `var(--background-danger)` | 10 | 3 | 13 | ✅ Good |
-| `--background-info` | `bg-info` | `var(--background-info)` | 3 | 3 | 6 | ⚠️ Light |
-
-**Light Mode Values:**
-```css
---background-default: #ffffff (white)
---background-muted: #f4f6f7 (neutral-50)
---background-medium: #e3e6ea (neutral-100)
---background-card: #ffffff (white)
---background-inverse: #000000 (black)
---background-accent: #32353b (neutral-900)
---background-danger: #f94b4b (red-200)
---background-info: #5c98f9 (blue-200)
-```
-
-**Dark Mode Values:**
-```css
---background-default: #22252a (neutral-950)
---background-muted: #3f434b (neutral-800)
---background-medium: #474e57 (neutral-700)
---background-card: #22252a (neutral-950)
---background-inverse: #cbd1d6 (neutral-200)
---background-accent: #ffffff (white)
---background-danger: #ff6b6b (red-100)
---background-info: #7cacff (blue-100)
-```
-
----
-
-## Text Variables
-
-| Variable | Tailwind Class | CSS Variable | Class Usage | Var Usage | Total | Status |
-|----------|----------------|--------------|-------------|-----------|-------|--------|
-| `--text-default` | `text-default` | `var(--text-default)` | 322 | 9 | 331 | ✅ Heavy |
-| `--text-muted` | `text-muted` | `var(--text-muted)` | 342 | 6 | 348 | ✅ Heavy |
-| `--text-inverse` | `text-inverse` | `var(--text-inverse)` | 22 | 7 | 29 | ✅ Good |
-| `--text-accent` | `text-accent` | `var(--text-accent)` | 4 | 3 | 7 | ⚠️ Light |
-| `--text-on-accent` | `text-on-accent` | `var(--text-on-accent)` | 13 | 3 | 16 | ✅ Good |
-| `--text-danger` | `text-danger` | `var(--text-danger)` | 17 | 5 | 22 | ✅ Good |
-| `--text-success` | `text-success` | `var(--text-success)` | 3 | 3 | 6 | ⚠️ Light |
-| `--text-warning` | `text-warning` | `var(--text-warning)` | 4 | 3 | 7 | ⚠️ Light |
-| `--text-info` | `text-info` | `var(--text-info)` | 6 | 3 | 9 | ⚠️ Light |
-
-**Light Mode Values:**
-```css
---text-default: #3f434b (neutral-800)
---text-muted: #878787 (neutral-400)
---text-inverse: #ffffff (white)
---text-accent: #32353b (neutral-900)
---text-on-accent: #ffffff (white)
---text-danger: #f94b4b (red-200)
---text-success: #91cb80 (green-200)
---text-warning: #fbcd44 (yellow-200)
---text-info: #5c98f9 (blue-200)
-```
-
-**Dark Mode Values:**
-```css
---text-default: #ffffff (white)
---text-muted: #878787 (neutral-400)
---text-inverse: #000000 (black)
---text-accent: #ffffff (white)
---text-on-accent: #000000 (black)
---text-danger: #ff6b6b (red-100)
---text-success: #a3d795 (green-100)
---text-warning: #ffd966 (yellow-100)
---text-info: #7cacff (blue-100)
-```
-
----
-
-## Border Variables
-
-| Variable | Tailwind Class | CSS Variable | Class Usage | Var Usage | Total | Status |
-|----------|----------------|--------------|-------------|-----------|-------|--------|
-| `--border-default` | `border-default` | `var(--border-default)` | 171 | 8 | 179 | ✅ Heavy |
-| `--border-strong` | `border-strong` | `var(--border-strong)` | 18 | 6 | 24 | ✅ Good |
-| `--border-accent` | `border-accent` | `var(--border-accent)` | 7 | 3 | 10 | ✅ Good |
-| `--border-danger` | `border-danger` | `var(--border-danger)` | 9 | 3 | 12 | ✅ Good |
-| `--border-info` | `border-info` | `var(--border-info)` | 5 | 3 | 8 | ⚠️ Light |
-
-**Light Mode Values:**
-```css
---border-default: #e3e6ea (neutral-100)
---border-strong: #e3e6ea (neutral-100)
---border-accent: #32353b (neutral-900)
---border-danger: #f94b4b (red-200)
---border-info: #5c98f9 (blue-200)
-```
-
-**Dark Mode Values:**
-```css
---border-default: #3f434b (neutral-800)
---border-strong: #525b68 (neutral-600)
---border-accent: #ffffff (white)
---border-danger: #ff6b6b (red-100)
---border-info: #7cacff (blue-100)
-```
-
----
-
-## Sidebar Variables
-
-| Variable | CSS Variable | Var Usage | Status |
-|----------|--------------|-----------|--------|
-| `--sidebar` | `var(--sidebar)` | 35 | ✅ Heavy |
-| `--sidebar-foreground` | `var(--sidebar-foreground)` | 3 | ✅ Used |
-| `--sidebar-primary` | `var(--sidebar-primary)` | 6 | ✅ Used |
-| `--sidebar-primary-foreground` | `var(--sidebar-primary-foreground)` | 3 | ✅ Used |
-| `--sidebar-accent` | `var(--sidebar-accent)` | 6 | ✅ Used |
-| `--sidebar-accent-foreground` | `var(--sidebar-accent-foreground)` | 3 | ✅ Used |
-| `--sidebar-border` | `var(--sidebar-border)` | 3 | ✅ Used |
-| `--sidebar-ring` | `var(--sidebar-ring)` | 2 | ✅ Used |
-
-**Values:**
-```css
-/* Light Mode */
---sidebar: var(--background-muted)
---sidebar-foreground: var(--text-default)
---sidebar-primary: var(--background-accent)
---sidebar-primary-foreground: var(--text-inverse)
---sidebar-accent: var(--background-muted)
---sidebar-accent-foreground: var(--text-default)
---sidebar-border: var(--border-default)
---sidebar-ring: var(--border-default)
-
-/* Dark Mode - same mappings */
-```
-
----
-
-## Other Variables
-
-| Variable | Usage Type | Usage Count | Status |
-|----------|-----------|-------------|--------|
-| `--placeholder` | CSS var + placeholder modifier | 2 + 9 = 11 | ✅ Used |
-| `--ring` | Focus ring (word boundary) | 61 | ✅ Heavy |
-| `--shadow-default` | Box shadows | 4 | ⚠️ Light |
-
-**Values:**
-```css
---placeholder: #878787 (neutral-400) - both modes
---ring: var(--border-strong)
---shadow-default:
- /* Light */
- 0px 12px 32px 0px rgba(0, 0, 0, 0.04),
- 0px 8px 16px 0px rgba(0, 0, 0, 0.02),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
- 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
-
- /* Dark */
- 0px 12px 32px 0px rgba(0, 0, 0, 0.2),
- 0px 8px 16px 0px rgba(0, 0, 0, 0.15),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.1),
- 0px 0px 1px 0px rgba(0, 0, 0, 0.3)
-```
-
----
-
-## Usage Distribution
-
-### Heavy Use (100+ total uses)
-- `text-muted`: **348 uses** - Most used variable
-- `text-default`: **331 uses**
-- `border-default`: **179 uses**
-- `bg-muted`: **137 uses**
-- `bg-default`: **133 uses**
-
-### Good Use (10-99 uses)
-- `ring`: 61 uses (focus styling)
-- `text-inverse`: 29 uses
-- `border-strong`: 24 uses
-- `text-danger`: 22 uses
-- `bg-accent`: 19 uses
-- `bg-medium`: 17 uses
-- `text-on-accent`: 16 uses
-- `bg-danger`: 13 uses
-- `border-danger`: 12 uses
-- `placeholder`: 11 uses
-- `bg-inverse`: 10 uses
-- `border-accent`: 10 uses
-
-### Light Use (1-9 uses)
-- `text-info`: 9 uses
-- `border-info`: 8 uses
-- `text-accent`: 7 uses
-- `bg-card`: 7 uses
-- `text-warning`: 7 uses
-- `text-success`: 6 uses
-- `bg-info`: 6 uses
-- `shadow-default`: 4 uses
-
-### Sidebar Variables (61 total uses)
-- `--sidebar`: 35 uses (base sidebar background)
-- `--sidebar-primary`: 6 uses
-- `--sidebar-accent`: 6 uses
-- `--sidebar-foreground`: 3 uses
-- `--sidebar-primary-foreground`: 3 uses
-- `--sidebar-accent-foreground`: 3 uses
-- `--sidebar-border`: 3 uses
-- `--sidebar-ring`: 2 uses
-
----
-
-## Variable Health Assessment
-
-### ✅ Excellent (100+ uses)
-All core variables are very well used across the codebase:
-- **text-muted**, **text-default** (text hierarchy)
-- **border-default** (primary border)
-- **bg-muted**, **bg-default** (background hierarchy)
-
-### ✅ Good (10-99 uses)
-Strong usage for semantic states and accent colors:
-- All accent colors (accent, danger)
-- Text hierarchy (inverse, on-accent)
-- Border variations (strong, danger, accent)
-- Focus styling (ring)
-
-### ⚠️ Light but Acceptable (1-9 uses)
-Low usage but semantically necessary:
-- **text-success**, **text-warning**, **text-info**: State indicators
-- **bg-info**: Info banners/alerts
-- **border-info**: Info borders
-- **bg-card**: Semantic card backgrounds
-- **shadow-default**: Used for elevation
-
-### ✅ All Variables Justified
-Every variable serves a semantic purpose and has real usage.
-
----
-
-## Semantic Organization
-
-### Core Hierarchy (Primary Use Case)
-```
-Backgrounds: default → muted → medium
-Text: default → muted
-Borders: default → strong
-```
-
-### Inverse/Contrast
-```
-bg-inverse, text-inverse (light-on-dark, dark-on-light)
-```
-
-### Brand/Accent
-```
-bg-accent, text-accent, text-on-accent, border-accent
-```
-
-### Semantic States
-```
-danger: bg-danger, text-danger, border-danger
-info: bg-info, text-info, border-info
-warning: text-warning
-success: text-success
-```
-
-### Special Purpose
-```
-bg-card: Card container backgrounds
-placeholder: Form input placeholders
-ring: Focus indicator rings
-shadow-default: Elevation/depth
-```
-
-### Component-Specific
-```
-sidebar-*: Sidebar component theming (8 variables)
-```
-
----
-
-## Ready for MCP Migration
-
-### Current Naming
-```
-bg-default, bg-muted, bg-medium
-text-default, text-muted, text-inverse
-border-default, border-strong
-```
-
-### MCP Standard Naming
-```
-bg-primary, bg-secondary, bg-tertiary
-text-primary, text-secondary, text-inverse
-border-primary, border-secondary
-```
-
-### Migration Strategy
-1. Rename goose semantic names to MCP standard names
-2. Map semantic states (danger, info, warning, success)
-3. Add missing MCP variables (ghost, disabled, etc.)
-4. Update Tailwind @theme inline mappings
-5. Test all components with new variable names
-
----
-
-## Statistics Summary
-
-**Total Variable Uses:**
-- Tailwind Classes: ~1,435 uses
-- CSS var() references: ~215 uses (including 61 sidebar vars)
-- **Grand Total: ~1,650 uses**
-
-**Most Used Categories:**
-1. Text colors: 733 uses (46%)
-2. Border colors: 211 uses (13%)
-3. Background colors: 310 uses (20%)
-4. Other: 335 uses (21%)
-
-**Zero Unused Variables** ✅
-**Zero Undefined Variables** ✅
-**Zero Redundant Variables** ✅
-**Clean, Consistent System** ✅
diff --git a/FINAL_CSS_AUDIT.md b/FINAL_CSS_AUDIT.md
deleted file mode 100644
index f1c384ca32..0000000000
--- a/FINAL_CSS_AUDIT.md
+++ /dev/null
@@ -1,291 +0,0 @@
-# Final CSS Variables Usage Audit
-
-## Summary
-
-After normalizing shadcn/ui patterns, found **4 remaining issues** to fix and identified **low-usage variables** to consider for MCP migration.
-
----
-
-## 🔴 Issues Found (Must Fix)
-
-### Issue 1: Undefined Variables (4 uses)
-
-| Variable | Uses | Problem |
-|----------|------|---------|
-| `bg-accent-primary` | 3 | NOT DEFINED - Tailwind looking for `--accent-primary` |
-| `border-accent-primary` | 1 | NOT DEFINED |
-
-**Affected File:**
-- `settings/dictation/LocalModelManager.tsx` (all 4 uses)
-
-**Should be:**
-- `bg-accent-primary` → `bg-accent`
-- `border-accent-primary` → `border-accent`
-
----
-
-### Issue 2: Old Variable Names in CSS (2 uses)
-
-**File:** `styles/search.css`
-
-```css
-/* Line 4 */
-color: var(--text-standard); /* Should be var(--text-default) */
-
-/* Line 11 */
-box-shadow: inset 0 0 0 1px var(--text-prominent); /* Should be var(--text-default) */
-```
-
-These are the old camelCase variable names we cleaned up everywhere else!
-
----
-
-### Issue 3: Redundant Variables
-
-**Problem:** Three variables with IDENTICAL values
-
-```css
-/* Light mode */
---background-app: var(--color-white);
---background-default: var(--color-white);
---background-card: var(--color-white);
-
-/* Dark mode */
---background-app: var(--color-neutral-950);
---background-default: var(--color-neutral-950);
---background-card: var(--color-neutral-950);
-```
-
-**Usage:**
-- `bg-default`: 126 uses (primary background)
-- `bg-app`: 2 uses (app root background)
-- `bg-card`: 4 uses (card backgrounds)
-
-**Analysis:**
-- `bg-app` (2 uses) could be consolidated to `bg-default`
-- `bg-card` (4 uses) has semantic meaning (cards might need subtle elevation in future), keep it
-
----
-
-## 📊 Low Usage Variables (Consider for MCP)
-
-### Very Low Usage (1-3 uses)
-
-| Variable | Uses | Used In | Keep? |
-|----------|------|---------|-------|
-| `text-accent` | 1 | button.tsx link variant | ✅ Keep - semantic |
-| `text-warning` | 1 | OllamaSetup.tsx | ✅ Keep - needed for warnings |
-| `text-success` | 0 | NOWHERE | ❌ Remove or wait for usage |
-| `bg-info` | 3 | OllamaSetup, MessageQueue | ✅ Keep - info states |
-| `bg-app` | 2 | McpAppRenderer, BottomMenuAlertPopover | ⚠️ Consolidate to bg-default |
-
-### Low Usage (4-10 uses)
-
-| Variable | Uses | Keep? |
-|----------|------|-------|
-| `text-info` | 4 | ✅ Keep - info text |
-| `bg-card` | 4 | ✅ Keep - semantic (cards) |
-| `border-info` | 2 | ✅ Keep - info borders |
-| `bg-inverse` | 9 | ✅ Keep - inverse backgrounds |
-
----
-
-## ✅ Well-Used Variables (No Issues)
-
-### Heavy Usage (100+ uses)
-
-| Variable | Uses | Status |
-|----------|------|--------|
-| `text-muted` | 354 | ✅ Excellent |
-| `text-default` | 322 | ✅ Excellent |
-| `border-default` | 186 | ✅ Excellent |
-| `bg-muted` | 139 | ✅ Excellent |
-| `bg-default` | 126 | ✅ Excellent |
-
-### Good Usage (10-50 uses)
-
-| Variable | Uses | Status |
-|----------|------|--------|
-| `text-inverse` | 19 | ✅ Good |
-| `text-on-accent` | 17 | ✅ Good |
-| `text-danger` | 16 | ✅ Good |
-| `bg-medium` | 16 | ✅ Good |
-| `bg-accent` | 15 | ✅ Good |
-| `border-strong` | 14 | ✅ Good |
-| `bg-danger` | 13 | ✅ Good |
-
----
-
-## 🔧 Recommended Actions
-
-### Priority 1: Fix Undefined (4 instances)
-
-```bash
-# File: settings/dictation/LocalModelManager.tsx
-bg-accent-primary → bg-accent
-border-accent-primary → border-accent
-```
-
-### Priority 2: Fix Old CSS Variable Names (2 instances)
-
-```bash
-# File: styles/search.css
-var(--text-standard) → var(--text-default)
-var(--text-prominent) → var(--text-default)
-```
-
-### Priority 3: Consolidate Redundant (2 instances)
-
-```bash
-# Files: McpAppRenderer.tsx, BottomMenuAlertPopover.tsx
-bg-app → bg-default
-```
-
-Then remove `--background-app` and `--app` from CSS.
-
-### Priority 4: Consider Removing (0 uses)
-
-```bash
-# Remove from CSS if truly unused:
---text-success (and dark mode variant)
-```
-
-But wait until after MCP migration - might be needed for success states.
-
----
-
-## 📈 Usage Statistics
-
-### CSS Variables Defined in :root
-
-**Total:** ~35 variables (excluding color-*, font-*, shadow-*)
-
-**Categories:**
-- Background: 9 variables
-- Text: 9 variables
-- Border: 5 variables
-- Sidebar: 7 variables
-- Other: 5 variables (ring, placeholder, shadow, breakpoint)
-
-### Tailwind Utility Classes
-
-**Most Used:**
-1. `text-muted` - 354 uses
-2. `text-default` - 322 uses
-3. `border-default` - 186 uses
-4. `bg-muted` - 139 uses
-5. `bg-default` - 126 uses
-
-**Least Used:**
-1. `text-accent` - 1 use
-2. `text-warning` - 1 use
-3. `border-info` - 2 uses
-4. `bg-app` - 2 uses
-5. `bg-info` - 3 uses
-
----
-
-## 🎯 Semantic Variable Groups
-
-### Core Colors (Heavy Use)
-- ✅ default, muted (100+ uses each)
-- ✅ inverse (19 uses)
-
-### Emphasis
-- ✅ medium (16 uses)
-- ✅ strong (14 uses)
-
-### Brand
-- ✅ accent (15 uses)
-- ✅ on-accent (17 uses)
-
-### Semantic States
-- ✅ danger (13-16 uses)
-- ⚠️ info (2-4 uses) - low but needed
-- ⚠️ warning (1 use) - very low
-- ❌ success (0 uses) - unused
-
-### UI-Specific
-- ✅ card (4 uses) - semantic distinction
-- ⚠️ app (2 uses) - redundant with default
-
----
-
-## 💡 Insights for MCP Migration
-
-### Variables to Keep
-
-All current variables are semantically meaningful and should map to MCP equivalents:
-
-```
-Current → MCP Standard
------------------------------------
-bg-default → bg-primary
-bg-muted → bg-secondary
-bg-medium → bg-tertiary
-text-default → text-primary
-text-muted → text-secondary
-border-default → border-primary
-border-strong → border-secondary
-```
-
-### Variables to Add in MCP
-
-1. **Ghost/Disabled States** (missing)
- - Currently using opacity modifiers (e.g., `bg-muted/60`)
- - MCP has dedicated ghost and disabled variants
-
-2. **Typography System** (missing)
- - Font sizes, weights, line-heights
- - Currently using Tailwind defaults
-
-3. **Border Radius** (missing)
- - Currently using inline values (4px, 6px, 8px)
- - MCP has xs/sm/md/lg/xl/full scale
-
-4. **Shadow Scale** (minimal)
- - Currently: 1 shadow (`--shadow-default`)
- - MCP needs: hairline, sm, md, lg
-
-### Variables to Consider Removing
-
-1. **`text-success`** - 0 uses
- - But might be needed for success states
- - Wait until MCP migration to decide
-
-2. **`bg-app`** - Only 2 uses, identical to `bg-default`
- - Consolidate to `bg-default`
- - Remove from CSS
-
----
-
-## 📋 Action Items Summary
-
-**Must Fix (6 issues):**
-1. ✅ Replace `bg-accent-primary` → `bg-accent` (3 uses)
-2. ✅ Replace `border-accent-primary` → `border-accent` (1 use)
-3. ✅ Fix `var(--text-standard)` in search.css
-4. ✅ Fix `var(--text-prominent)` in search.css
-5. ✅ Replace `bg-app` → `bg-default` (2 uses)
-6. ✅ Remove `--background-app` and `--app` from CSS
-
-**Consider (1 issue):**
-7. ⚠️ Remove `--text-success` if truly unused (check after MCP)
-
----
-
-## 🎉 Overall Health
-
-**Current State: HEALTHY** ✅
-
-- ✅ 95% of variables are well-used (10+ uses)
-- ✅ Only 6 minor issues to fix
-- ✅ Clear semantic naming
-- ✅ Good coverage of use cases
-- ✅ Ready for MCP migration
-
-**After Fixes:**
-- 0 undefined variables
-- 0 old variable names
-- 0 redundant variables (except bg-card, which is semantic)
-- Clean, consistent system ready for MCP
diff --git a/REMAINING_CSS_ISSUES.md b/REMAINING_CSS_ISSUES.md
deleted file mode 100644
index cf7a8351c2..0000000000
--- a/REMAINING_CSS_ISSUES.md
+++ /dev/null
@@ -1,204 +0,0 @@
-# Remaining CSS Issues Found
-
-After comprehensive scan, found **10 categories of issues** that need to be fixed:
-
----
-
-## Issue 1: `bg-background` (10 uses)
-
-**Problem:** Incomplete class name, tries to reference `--background` which doesn't exist.
-
-**Files affected:**
-- `ui/Pill.tsx` (2 uses)
-- `ui/sidebar.tsx` (3 uses)
-- `MessageQueue.tsx` (4 uses)
-- `ErrorBoundary.tsx` (1 use)
-
-**Should be:** `bg-default` (for standard background)
-
----
-
-## Issue 2: `border-border` (5 uses)
-
-**Problem:** Tries to reference `--border` which doesn't exist.
-
-**Files affected:**
-- `ui/Pill.tsx` (2 uses)
-- `MessageQueue.tsx` (3 uses)
-
-**Should be:** `border-default`
-
----
-
-## Issue 3: `bg-border-default` (10 uses)
-
-**Problem:** Using a border color as a background color (completely wrong).
-
-**Files affected:**
-- `ui/separator.tsx` (1 use)
-- `bottom_menu/CostTracker.tsx` (4 uses)
-- `ChatInput.tsx` (1 use)
-
-**Context:** These are vertical divider lines using `bg-border-default` for coloring
-
-**Should be:** Create proper divider with `border-default` or use `bg-muted` for subtle lines
-
----
-
-## Issue 4: `text-placeholder` (8 uses)
-
-**Problem:** NOT DEFINED in CSS anywhere.
-
-**Files affected:**
-- `ToolCallArguments.tsx` (5 uses)
-- Other components using placeholder text
-
-**Should be:** Define `--placeholder` in CSS and add to @theme, OR use `text-muted`
-
----
-
-## Issue 5: `text-error` (1 use)
-
-**Problem:** Should use our semantic naming.
-
-**Files affected:**
-- `apps/StandaloneAppView.tsx` (inline style: `var(--text-error, #ef4444)`)
-
-**Should be:** `text-danger` or `var(--text-danger)`
-
----
-
-## Issue 6: `text-destructive` (5 uses)
-
-**Problem:** Using Tailwind's default naming, should use our semantic names.
-
-**Files affected:**
-- `settings/dictation/LocalModelManager.tsx` (2 uses)
-- `MessageQueue.tsx` (2 uses)
-- `ErrorBoundary.tsx` (1 use)
-
-**Should be:** `text-danger`
-
----
-
-## Issue 7: `border-destructive` (2 uses)
-
-**Problem:** Using Tailwind's default naming.
-
-**Files affected:**
-- `ui/button.tsx` (in cva definition)
-
-**Should be:** `border-danger`
-
----
-
-## Issue 8: `border-secondary` (1 use)
-
-**Problem:** Undefined variable.
-
-**Files affected:**
-- `settings/providers/modal/subcomponents/forms/DefaultProviderSetupForm.tsx`
-
-**Should be:** `border-default` or define `border-secondary`
-
----
-
-## Issue 9: `border-dark` (1 use)
-
-**Problem:** Undefined variable.
-
-**Files affected:**
-- `ui/scroll-area.tsx`
-
-**Should be:** `border-default` or `border-strong`
-
----
-
-## Issue 10: `border-muted` (1 use)
-
-**Problem:** Undefined variable.
-
-**Files affected:**
-- `MentionPopover.tsx`
-
-**Should be:** `border-default` (we have bg-muted and text-muted but not border-muted)
-
----
-
-## Summary
-
-| Issue | Count | Action |
-|-------|-------|--------|
-| `bg-background` | 10 | Replace with `bg-default` |
-| `border-border` | 5 | Replace with `border-default` |
-| `bg-border-default` | 10 | Fix dividers properly |
-| `text-placeholder` | 8 | Define in CSS or use `text-muted` |
-| `text-error` | 1 | Replace with `text-danger` |
-| `text-destructive` | 5 | Replace with `text-danger` |
-| `border-destructive` | 2 | Replace with `border-danger` |
-| `border-secondary` | 1 | Replace with `border-default` |
-| `border-dark` | 1 | Replace with `border-default` |
-| `border-muted` | 1 | Replace with `border-default` |
-
-**Total:** 44 more fixes needed
-
----
-
-## Root Cause
-
-The issue is that Tailwind CSS utilities like `bg-background` try to reference CSS custom properties by name. So:
-- `bg-background` → looks for `var(--background)`
-- `border-border` → looks for `var(--border)`
-- `text-destructive` → Tailwind's built-in color
-
-But we don't have these generic variables, we have semantic ones like:
-- `--background-default`, `--background-muted`, etc.
-- `--border-default`, `--border-strong`, etc.
-
----
-
-## Recommended Fix Strategy
-
-### Option 1: Add Generic Aliases (Quick)
-Add to :root and @theme:
-```css
---background: var(--background-default);
---border: var(--border-default);
---text: var(--text-default);
---placeholder: var(--text-muted); /* new */
-```
-
-### Option 2: Replace All Usage (Clean)
-Replace all instances with specific semantic names:
-- `bg-background` → `bg-default`
-- `border-border` → `border-default`
-- `text-destructive` → `text-danger`
-- etc.
-
-**Recommendation:** Option 2 (Replace) - More explicit and semantic
-
----
-
-## Special Case: Dividers
-
-The `bg-border-default` issue is specifically for vertical dividers:
-```tsx
-
-```
-
-This should be either:
-```tsx
-
-// OR
-
-```
-
----
-
-## Priority
-
-1. **High:** `bg-border-default` (wrong usage)
-2. **High:** `text-placeholder` (undefined)
-3. **Medium:** `bg-background`, `border-border` (incomplete)
-4. **Medium:** `text-destructive`, `border-destructive` (wrong naming)
-5. **Low:** Other border variants (1 use each)
diff --git a/SAFE_CSS_CLEANUP_COMPLETE.md b/SAFE_CSS_CLEANUP_COMPLETE.md
deleted file mode 100644
index 16bc83b2f1..0000000000
--- a/SAFE_CSS_CLEANUP_COMPLETE.md
+++ /dev/null
@@ -1,145 +0,0 @@
-# Safe CSS Cleanup Complete ✅
-
-## Summary
-
-Successfully cleaned up CSS variables while maintaining Tailwind v4's double-prefix naming convention (`bg-background-*`, `text-text-*`, `border-border-*`).
-
-**Files Modified:** 5
-**Variables Removed:** 8
-**Issues Fixed:** 8
-
----
-
-## Changes Made
-
-### 1. Removed Unused Variables (8 removed)
-
-**From `:root` and `.dark`:**
-- `--background-app` (0 uses) - redundant with `--background-default`
-- `--background-card` (0 uses after consolidation)
-- `--background-strong` (0 uses)
-- `--border-input` (0 uses)
-- `--background-success` (0 uses)
-- `--background-warning` (0 uses)
-- `--border-success` (0 uses)
-- `--border-warning` (0 uses)
-
-**From `@theme inline`:**
-- `--color-background-strong`
-- `--color-background-success`
-- `--color-background-info`
-- `--color-background-warning`
-- `--color-background-card`
-- `--color-border-input`
-- `--color-border-success`
-- `--color-border-warning`
-
----
-
-### 2. Added Missing Variable (1 added)
-
-**Added to `:root` and `.dark`:**
-- `--placeholder: var(--color-neutral-400)` - for form input placeholders
-
----
-
-### 3. Fixed Undefined Variables (4 fixes)
-
-**LocalModelManager.tsx:**
-- `bg-accent-primary` → `bg-background-accent` (3 instances)
-- `border-accent-primary` → `border-border-accent` (1 instance)
-
-**search.css:**
-- `var(--text-standard)` → `var(--text-default)` (1 instance)
-- `var(--text-prominent)` → `var(--text-default)` (1 instance)
-
----
-
-### 4. Consolidated Duplicate Variables (3 fixes)
-
-**Deduped `bg-background-card` → `bg-background-default`:**
-- card.tsx - Card component base class
-- ScheduleDetailView.tsx - Schedule detail card (2 instances)
-
-**Result:** Both had identical values in light (#ffffff) and dark (#22252a) modes.
-
----
-
-## Files Changed
-
-1. **ui/desktop/src/styles/main.css** - Removed 8 unused variables, added --placeholder
-2. **ui/desktop/src/styles/search.css** - Fixed 2 old variable names
-3. **ui/desktop/src/components/settings/dictation/LocalModelManager.tsx** - Fixed 4 undefined variables
-4. **ui/desktop/src/components/ui/card.tsx** - Consolidated bg-background-card
-5. **ui/desktop/src/components/schedule/ScheduleDetailView.tsx** - Consolidated bg-background-card
-
----
-
-## What We Kept
-
-### ✅ Tailwind v4 Double-Prefix Convention
-
-**Kept the naming pattern that Tailwind v4 expects:**
-- `bg-background-default` (not `bg-default`)
-- `text-text-default` (not `text-default`)
-- `border-border-default` (not `border-default`)
-
-This is how Tailwind v4's `@theme inline` works:
-- `--color-background-*` generates `bg-background-*` utilities
-- `--color-text-*` generates `text-text-*` utilities
-- `--color-border-*` generates `border-border-*` utilities
-
-### ✅ All Semantically Meaningful Variables
-
-Kept all variables that serve a purpose:
-- State colors: `--background-danger`, `--background-info`, `--text-danger`, etc.
-- Hierarchy: `--background-muted`, `--background-medium`, `--text-muted`
-- Inverse/accent: `--background-inverse`, `--text-inverse`, `--background-accent`
-- UI-specific: `--sidebar-*`, `--placeholder`, `--ring`, `--shadow-default`
-
----
-
-## Current Variable Count
-
-**Before:** 38 CSS variables
-**After:** 30 CSS variables
-
-**Breakdown:**
-- Background: 6 variables (was 11)
-- Border: 4 variables (was 7)
-- Text: 7 variables
-- Placeholder: 1 variable (added)
-- Sidebar: 8 variables
-- Other: 4 variables (ring, shadow, fonts, ease)
-
----
-
-## Health Status
-
-✅ **Zero undefined variables**
-✅ **Zero unused variables**
-✅ **Zero duplicate variables**
-✅ **Tailwind v4 naming convention preserved**
-✅ **All fixes are safe and non-breaking**
-
----
-
-## What's Next
-
-This cleanup makes the codebase ready for MCP standard migration. When migrating to MCP, we'll need to:
-
-1. Map Tailwind's double-prefix pattern to MCP's single-prefix standard:
- ```
- Current → MCP Standard
- --------------------------------------
- bg-background-default → bg-primary
- bg-background-muted → bg-secondary
- text-text-default → text-primary
- text-text-muted → text-secondary
- ```
-
-2. Either:
- - **Option A:** Update all component classes to MCP names and change Tailwind theme config
- - **Option B:** Create a mapping layer that translates MCP variables to Tailwind's expected format
-
-The codebase is now clean and ready for either approach!
diff --git a/SHADCN_NORMALIZATION_COMPLETE.md b/SHADCN_NORMALIZATION_COMPLETE.md
deleted file mode 100644
index 46d2c4b993..0000000000
--- a/SHADCN_NORMALIZATION_COMPLETE.md
+++ /dev/null
@@ -1,287 +0,0 @@
-# shadcn/ui Pattern Normalization Complete
-
-## Summary
-
-Successfully normalized all shadcn/ui CSS patterns to goose's semantic naming system. The codebase now has ONE consistent naming convention, ready for MCP standard migration.
-
----
-
-## What Was Fixed
-
-### Issue 1: shadcn Base Patterns → Goose Semantic
-
-| shadcn Pattern | Uses | Goose Pattern | Status |
-|----------------|------|---------------|--------|
-| `bg-background` | 10 | `bg-default` | ✅ Fixed |
-| `border-border` | 8 | `border-default` | ✅ Fixed |
-| `text-foreground` | 8 | `text-default` | ✅ Fixed |
-| `text-muted-foreground` | 18 | `text-muted` | ✅ Fixed |
-
-### Issue 2: Wrong Usage
-
-| Wrong Pattern | Uses | Correct Pattern | Status |
-|---------------|------|-----------------|--------|
-| `bg-border-default` | 10 | `bg-muted` | ✅ Fixed (dividers) |
-
-### Issue 3: Undefined Variables
-
-| Undefined | Uses | Replaced With | Status |
-|-----------|------|---------------|--------|
-| `text-placeholder` | 8 | `text-muted` + added `--placeholder` to CSS | ✅ Fixed |
-| `border-secondary` | 1 | `border-default` | ✅ Fixed |
-| `border-dark` | 1 | `border-default` | ✅ Fixed |
-| `border-muted` | 1 | `border-default` | ✅ Fixed |
-| `text-error` | 1 | `text-danger` | ✅ Fixed |
-
-### Issue 4: Tailwind Default Naming
-
-| Tailwind Default | Uses | Goose Semantic | Status |
-|------------------|------|----------------|--------|
-| `text-destructive` | 6 | `text-danger` | ✅ Fixed |
-| `border-destructive` | 1 | `border-danger` | ✅ Fixed |
-
----
-
-## Total Changes
-
-- **Files Modified:** 132 files
-- **Lines Changed:** 906 insertions, 912 deletions (net -6 lines)
-- **Total Fixes:** ~71 individual replacements
-
----
-
-## What is shadcn/ui?
-
-**NOT a package you install** - it's a **copy-paste component collection**:
-- Built on Radix UI (accessible primitives)
-- Styled with Tailwind CSS
-- Uses a specific CSS variable convention
-
-### shadcn/ui CSS Convention
-
-Expects these **base variables**:
-```css
---background /* simple, generic */
---foreground
---border
---muted
---accent
-```
-
-### Why We Normalized Instead of Adding Compatibility
-
-**❌ Compatibility Layer Would Have Created:**
-```tsx
-// 3 ways to do the same thing!
- // shadcn way
- // goose way
- // MCP way (future)
-```
-
-**✅ One Consistent System:**
-```tsx
-// Now: ONE way
-
-
-// Future MCP migration: CLEAN path
-
-```
-
----
-
-## CSS Variables Added
-
-Added `--placeholder` to support Tailwind's `placeholder:` modifier:
-
-```css
-/* :root */
---placeholder: var(--color-neutral-400);
-
-/* .dark */
---placeholder: var(--color-neutral-400);
-```
-
-Used in:
-- `ui/input.tsx` - `placeholder:text-placeholder`
-- `ChatInput.tsx` - `placeholder:text-placeholder`
-
----
-
-## Components Affected
-
-### UI Components (shadcn/ui based)
-- `ui/Pill.tsx` - `bg-background`, `border-border` → `bg-default`, `border-default`
-- `ui/sidebar.tsx` - `bg-background` → `bg-default`
-- `ui/input.tsx` - `file:text-foreground` → `file:text-default`
-- `ui/scroll-area.tsx` - `bg-border`, `bg-border-dark` → `bg-muted`
-- `ui/separator.tsx` - `bg-border-default` → `bg-muted`
-- `ui/button.tsx` - `border-destructive` → `border-danger`
-- `ui/tabs.tsx` - `text-muted-foreground` → `text-muted`
-
-### Application Components
-- `MessageQueue.tsx` - Multiple shadcn patterns normalized
-- `ErrorBoundary.tsx` - `bg-background`, `text-destructive` → goose semantic
-- `ToolCallArguments.tsx` - `text-placeholder` → `text-muted`
-- `MentionPopover.tsx` - `border-muted` → `border-default`
-- `CostTracker.tsx` - `bg-border-default` dividers → `bg-muted`
-- `ChatInput.tsx` - `bg-border-default` dividers → `bg-muted`
-- `StandaloneAppView.tsx` - `var(--text-error)` → `var(--text-danger)`
-
-### Settings Components
-- `DefaultProviderSetupForm.tsx` - `border-secondary` → `border-default`
-- `LocalModelManager.tsx` - `text-destructive` → `text-danger`
-
-### Session Components
-- `SessionItem.tsx` - `text-muted-foreground` → `text-muted`
-
-### Recipe Components
-- `RecipesView.tsx` - `text-muted-foreground` → `text-muted`
-
----
-
-## Current Goose Semantic Usage
-
-After normalization:
-
-| Class | Uses | Purpose |
-|-------|------|---------|
-| `bg-default` | 126 | Primary background |
-| `bg-muted` | 129 | Subtle/secondary background |
-| `bg-medium` | 16 | Medium emphasis background |
-| `bg-accent` | 15 | Brand accent background |
-| `text-default` | 303 | Primary text color |
-| `text-muted` | 338 | De-emphasized text |
-| `text-inverse` | 19 | Inverted text (dark on light, light on dark) |
-| `text-on-accent` | 17 | Text on accent backgrounds |
-| `text-danger` | 11 | Error/danger text |
-| `border-default` | 161 | Standard borders |
-| `border-strong` | 14 | Emphasized borders |
-| `border-accent` | 3 | Brand accent borders |
-| `border-danger` | 5 | Error borders |
-
----
-
-## Benefits
-
-### 1. One Consistent System ✅
-- No confusion about which pattern to use
-- All developers use the same naming
-- Easier onboarding
-
-### 2. Clean MCP Migration Path ✅
-- Single source of truth
-- Simple find/replace: `bg-default` → `bg-primary`
-- No overlapping systems to reconcile
-
-### 3. Better Semantics ✅
-- `bg-default` is clearer than `bg-background`
-- `text-danger` is more semantic than `text-destructive`
-- Consistent with design system thinking
-
-### 4. Maintainability ✅
-- Fewer patterns to document
-- Easier to refactor
-- Clear ownership of variables
-
----
-
-## Lessons Learned
-
-### 1. Copy-Paste Components Need Customization
-shadcn/ui components are **meant to be customized** - not used as-is. We should have adapted them to goose's conventions from the start.
-
-### 2. Design System Consistency Matters
-Having two naming systems (shadcn + goose) created confusion and bugs. Better to normalize early.
-
-### 3. Compatibility Layers Are Tech Debt
-Adding `--background` would have been a quick fix but created long-term maintenance burden.
-
-### 4. Semantic Naming > Generic Naming
-`bg-default` is more meaningful than `bg-background`. `text-danger` is clearer than `text-destructive`.
-
----
-
-## Next Steps: MCP Migration
-
-With normalization complete, MCP migration will be straightforward:
-
-### Current → MCP Mapping
-
-```bash
-# Backgrounds
-bg-default → bg-primary
-bg-muted → bg-secondary
-bg-medium → bg-tertiary
-
-# Text
-text-default → text-primary
-text-muted → text-secondary
-
-# Borders
-border-default → border-primary
-border-strong → border-secondary
-```
-
-### MCP Variables to Add
-
-1. **Typography System** (missing)
- - Font sizes: xs, sm, md, lg (text + heading)
- - Line heights for each size
- - Font weights: normal, medium, semibold, bold
-
-2. **Border System** (missing)
- - Border radius: xs, sm, md, lg, xl, full
- - Border width: regular
-
-3. **Shadow System** (expand)
- - Current: 1 shadow (`--shadow-default`)
- - MCP needs: hairline, sm, md, lg
-
-4. **Ring Colors** (expand)
- - Current: 1 ring variant
- - MCP needs: 7 semantic variants for focus states
-
-5. **State Variants** (new)
- - Ghost states (transparent/minimal)
- - Disabled states
-
----
-
-## Verification
-
-### ✅ Zero Issues Remaining
-
-```bash
-bg-background: 0 ✅
-border-border: 0 ✅
-bg-border-default: 0 ✅
-text-foreground: 0 ✅
-text-destructive: 0 ✅
-border-destructive: 0 ✅
-text-error: 0 ✅
-border-secondary: 0 ✅
-border-dark: 0 ✅
-border-muted: 0 ✅
-```
-
-### ✅ One Consistent System
-
-All components now use goose semantic naming:
-- `bg-default`, `bg-muted`, `bg-medium`
-- `text-default`, `text-muted`, `text-inverse`
-- `border-default`, `border-strong`, `border-accent`
-
----
-
-## Conclusion
-
-✅ **shadcn/ui normalization complete**
-
-The goose codebase now has:
-- ✅ One consistent CSS naming convention
-- ✅ Zero shadcn/ui legacy patterns
-- ✅ Clean base for MCP migration
-- ✅ Better semantic clarity
-- ✅ Easier maintenance
-
-**Ready for MCP standard migration!**
diff --git a/generated.css b/generated.css
deleted file mode 100644
index 91d29c7688..0000000000
--- a/generated.css
+++ /dev/null
@@ -1,15400 +0,0 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
- :root, :host {
- --font-mono: monospace;
- --color-red-50: oklch(97.1% 0.013 17.38);
- --color-red-100: #ff6b6b;
- --color-red-200: #f94b4b;
- --color-red-300: oklch(80.8% 0.114 19.571);
- --color-red-400: oklch(70.4% 0.191 22.216);
- --color-red-500: oklch(63.7% 0.237 25.331);
- --color-red-600: oklch(57.7% 0.245 27.325);
- --color-red-700: oklch(50.5% 0.213 27.518);
- --color-red-800: oklch(44.4% 0.177 26.899);
- --color-red-900: oklch(39.6% 0.141 25.723);
- --color-red-950: oklch(25.8% 0.092 26.042);
- --color-orange-50: oklch(98% 0.016 73.684);
- --color-orange-100: oklch(95.4% 0.038 75.164);
- --color-orange-200: oklch(90.1% 0.076 70.697);
- --color-orange-300: oklch(83.7% 0.128 66.29);
- --color-orange-400: oklch(75% 0.183 55.934);
- --color-orange-500: oklch(70.5% 0.213 47.604);
- --color-orange-600: oklch(64.6% 0.222 41.116);
- --color-orange-700: oklch(55.3% 0.195 38.402);
- --color-orange-800: oklch(47% 0.157 37.304);
- --color-orange-900: oklch(40.8% 0.123 38.172);
- --color-orange-950: oklch(26.6% 0.079 36.259);
- --color-amber-50: oklch(98.7% 0.022 95.277);
- --color-amber-200: oklch(92.4% 0.12 95.746);
- --color-amber-300: oklch(87.9% 0.169 91.605);
- --color-amber-400: oklch(82.8% 0.189 84.429);
- --color-amber-500: oklch(76.9% 0.188 70.08);
- --color-amber-600: oklch(66.6% 0.179 58.318);
- --color-amber-700: oklch(55.5% 0.163 48.998);
- --color-amber-800: oklch(47.3% 0.137 46.201);
- --color-amber-900: oklch(41.4% 0.112 45.904);
- --color-amber-950: oklch(27.9% 0.077 45.635);
- --color-yellow-50: oklch(98.7% 0.026 102.212);
- --color-yellow-100: #ffd966;
- --color-yellow-200: #fbcd44;
- --color-yellow-300: oklch(90.5% 0.182 98.111);
- --color-yellow-400: oklch(85.2% 0.199 91.936);
- --color-yellow-500: oklch(79.5% 0.184 86.047);
- --color-yellow-600: oklch(68.1% 0.162 75.834);
- --color-yellow-700: oklch(55.4% 0.135 66.442);
- --color-yellow-800: oklch(47.6% 0.114 61.907);
- --color-yellow-900: oklch(42.1% 0.095 57.708);
- --color-green-50: oklch(98.2% 0.018 155.826);
- --color-green-100: #a3d795;
- --color-green-200: #91cb80;
- --color-green-300: oklch(87.1% 0.15 154.449);
- --color-green-400: oklch(79.2% 0.209 151.711);
- --color-green-500: oklch(72.3% 0.219 149.579);
- --color-green-600: oklch(62.7% 0.194 149.214);
- --color-green-700: oklch(52.7% 0.154 150.069);
- --color-green-800: oklch(44.8% 0.119 151.328);
- --color-green-900: oklch(39.3% 0.095 152.535);
- --color-green-950: oklch(26.6% 0.065 152.934);
- --color-blue-50: oklch(97% 0.014 254.604);
- --color-blue-100: #7cacff;
- --color-blue-200: #5c98f9;
- --color-blue-300: oklch(80.9% 0.105 251.813);
- --color-blue-400: oklch(70.7% 0.165 254.624);
- --color-blue-500: oklch(62.3% 0.214 259.815);
- --color-blue-600: oklch(54.6% 0.245 262.881);
- --color-blue-700: oklch(48.8% 0.243 264.376);
- --color-blue-800: oklch(42.4% 0.199 265.638);
- --color-blue-900: oklch(37.9% 0.146 265.522);
- --color-blue-950: oklch(28.2% 0.091 267.935);
- --color-purple-200: oklch(90.2% 0.063 306.703);
- --color-purple-300: oklch(82.7% 0.119 306.383);
- --color-purple-400: oklch(71.4% 0.203 305.504);
- --color-purple-500: oklch(62.7% 0.265 303.9);
- --color-purple-600: oklch(55.8% 0.288 302.321);
- --color-purple-700: oklch(49.6% 0.265 301.924);
- --color-purple-800: oklch(43.8% 0.218 303.724);
- --color-slate-200: oklch(92.9% 0.013 255.508);
- --color-slate-300: oklch(86.9% 0.022 252.894);
- --color-slate-500: oklch(55.4% 0.046 257.417);
- --color-slate-600: oklch(44.6% 0.043 257.281);
- --color-slate-700: oklch(37.2% 0.044 257.287);
- --color-slate-800: oklch(27.9% 0.041 260.031);
- --color-slate-900: oklch(20.8% 0.042 265.755);
- --color-gray-50: oklch(98.5% 0.002 247.839);
- --color-gray-100: oklch(96.7% 0.003 264.542);
- --color-gray-200: oklch(92.8% 0.006 264.531);
- --color-gray-300: oklch(87.2% 0.01 258.338);
- --color-gray-400: oklch(70.7% 0.022 261.325);
- --color-gray-500: oklch(55.1% 0.027 264.364);
- --color-gray-600: oklch(44.6% 0.03 256.802);
- --color-gray-700: oklch(37.3% 0.034 259.733);
- --color-gray-800: oklch(27.8% 0.033 256.848);
- --color-gray-900: oklch(21% 0.034 264.665);
- --color-neutral-50: #f4f6f7;
- --color-neutral-100: #e3e6ea;
- --color-neutral-200: #cbd1d6;
- --color-neutral-300: #a7b0b9;
- --color-neutral-400: #878787;
- --color-neutral-500: #606c7a;
- --color-neutral-600: #525b68;
- --color-neutral-700: #474e57;
- --color-neutral-800: #3f434b;
- --color-neutral-900: #32353b;
- --color-neutral-950: #22252a;
- --color-black: #000000;
- --color-white: #ffffff;
- --spacing: 0.25rem;
- --container-xs: 20rem;
- --container-sm: 24rem;
- --container-md: 28rem;
- --container-lg: 32rem;
- --container-2xl: 42rem;
- --container-4xl: 56rem;
- --container-6xl: 72rem;
- --text-xs: 0.75rem;
- --text-xs--line-height: calc(1 / 0.75);
- --text-sm: 0.875rem;
- --text-sm--line-height: calc(1.25 / 0.875);
- --text-base: 1rem;
- --text-base--line-height: calc(1.5 / 1);
- --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: calc(2.25 / 1.875);
- --text-4xl: 2.25rem;
- --text-4xl--line-height: calc(2.5 / 2.25);
- --font-weight-light: 300;
- --font-weight-normal: 400;
- --font-weight-medium: 500;
- --font-weight-semibold: 600;
- --font-weight-bold: 700;
- --tracking-widest: 0.1em;
- --leading-tight: 1.25;
- --leading-normal: 1.5;
- --leading-relaxed: 1.625;
- --radius-xs: 0.125rem;
- --radius-sm: 0.25rem;
- --radius-md: 0.375rem;
- --radius-lg: 0.5rem;
- --radius-xl: 0.75rem;
- --radius-2xl: 1rem;
- --radius-3xl: 1.5rem;
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
- --animate-spin: spin 1s linear infinite;
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- --animate-bounce: bounce 1s infinite;
- --blur-sm: 8px;
- --blur-lg: 16px;
- --blur-xl: 24px;
- --default-transition-duration: 150ms;
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- --default-font-family: 'Cash Sans', sans-serif;
- --default-mono-font-family: monospace;
- --color-block-teal: #13bbaf;
- --color-block-orange: #ff4f00;
- --color-accent: var(--color-neutral-900);
- --shadow-default: var(--shadow-default);
- }
-}
-@layer base {
- *, ::after, ::before, ::backdrop, ::file-selector-button {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- border: 0 solid;
- }
- html, :host {
- line-height: 1.5;
- -webkit-text-size-adjust: 100%;
- tab-size: 4;
- 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 {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.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 {
- display: block;
- vertical-align: middle;
- }
- img, video {
- max-width: 100%;
- height: auto;
- }
- button, input, select, optgroup, textarea, ::file-selector-button {
- font: inherit;
- font-feature-settings: inherit;
- font-variation-settings: inherit;
- letter-spacing: inherit;
- color: inherit;
- border-radius: 0;
- background-color: transparent;
- opacity: 1;
- }
- :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)) {
- 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
- padding-block: 0;
- }
- ::-webkit-calendar-picker-indicator {
- line-height: 1;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
- appearance: button;
- }
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
- height: auto;
- }
- [hidden]:where(:not([hidden="until-found"])) {
- display: none !important;
- }
-}
-@layer utilities {
- .\@container\/card-header {
- container-type: inline-size;
- container-name: card-header;
- }
- .pointer-events-auto {
- pointer-events: auto;
- }
- .pointer-events-none {
- pointer-events: none;
- }
- .collapse {
- visibility: collapse;
- }
- .invisible {
- visibility: hidden;
- }
- .visible {
- visibility: visible;
- }
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip-path: inset(50%);
- white-space: nowrap;
- border-width: 0;
- }
- .absolute {
- position: absolute;
- }
- .fixed {
- position: fixed;
- }
- .relative {
- position: relative;
- }
- .static {
- position: static;
- }
- .sticky {
- position: sticky;
- }
- .inset-0 {
- inset: calc(var(--spacing) * 0);
- }
- .inset-x-0 {
- inset-inline: calc(var(--spacing) * 0);
- }
- .inset-y-0 {
- inset-block: calc(var(--spacing) * 0);
- }
- .-top-0\.5 {
- top: calc(var(--spacing) * -0.5);
- }
- .-top-1 {
- top: calc(var(--spacing) * -1);
- }
- .-top-2 {
- top: calc(var(--spacing) * -2);
- }
- .-top-8 {
- top: calc(var(--spacing) * -8);
- }
- .top-0 {
- top: calc(var(--spacing) * 0);
- }
- .top-0\.5 {
- top: calc(var(--spacing) * 0.5);
- }
- .top-1\.5 {
- top: calc(var(--spacing) * 1.5);
- }
- .top-1\/2 {
- top: calc(1/2 * 100%);
- }
- .top-3 {
- top: calc(var(--spacing) * 3);
- }
- .top-3\.5 {
- top: calc(var(--spacing) * 3.5);
- }
- .top-4 {
- top: calc(var(--spacing) * 4);
- }
- .top-5 {
- top: calc(var(--spacing) * 5);
- }
- .top-\[50\%\] {
- top: 50%;
- }
- .-right-0\.5 {
- right: calc(var(--spacing) * -0.5);
- }
- .-right-1 {
- right: calc(var(--spacing) * -1);
- }
- .-right-2 {
- right: calc(var(--spacing) * -2);
- }
- .right-0 {
- right: calc(var(--spacing) * 0);
- }
- .right-1 {
- right: calc(var(--spacing) * 1);
- }
- .right-2 {
- right: calc(var(--spacing) * 2);
- }
- .right-3 {
- right: calc(var(--spacing) * 3);
- }
- .right-4 {
- right: calc(var(--spacing) * 4);
- }
- .bottom-0 {
- bottom: calc(var(--spacing) * 0);
- }
- .bottom-1 {
- bottom: calc(var(--spacing) * 1);
- }
- .bottom-2 {
- bottom: calc(var(--spacing) * 2);
- }
- .bottom-4 {
- bottom: calc(var(--spacing) * 4);
- }
- .left-0 {
- left: calc(var(--spacing) * 0);
- }
- .left-1\/2 {
- left: calc(1/2 * 100%);
- }
- .left-2 {
- left: calc(var(--spacing) * 2);
- }
- .left-3 {
- left: calc(var(--spacing) * 3);
- }
- .left-4 {
- left: calc(var(--spacing) * 4);
- }
- .left-\[50\%\] {
- left: 50%;
- }
- .z-0 {
- z-index: 0;
- }
- .z-1 {
- z-index: 1;
- }
- .z-2 {
- z-index: 2;
- }
- .z-10 {
- z-index: 10;
- }
- .z-20 {
- z-index: 20;
- }
- .z-40 {
- z-index: 40;
- }
- .z-50 {
- z-index: 50;
- }
- .z-100 {
- z-index: 100;
- }
- .z-\[-1\] {
- z-index: -1;
- }
- .z-\[60\] {
- z-index: 60;
- }
- .z-\[100\] {
- z-index: 100;
- }
- .z-\[300\] {
- z-index: 300;
- }
- .z-\[400\] {
- z-index: 400;
- }
- .z-\[1000\] {
- z-index: 1000;
- }
- .z-\[9999\] {
- z-index: 9999;
- }
- .z-\[10000\] {
- z-index: 10000;
- }
- .col-span-2 {
- grid-column: span 2 / span 2;
- }
- .col-span-4 {
- grid-column: span 4 / span 4;
- }
- .col-span-8 {
- grid-column: span 8 / span 8;
- }
- .col-start-2 {
- grid-column-start: 2;
- }
- .row-span-2 {
- grid-row: span 2 / span 2;
- }
- .row-start-1 {
- grid-row-start: 1;
- }
- .container {
- width: 100%;
- @media (width >= 930px) {
- max-width: 930px;
- }
- @media (width >= 40rem) {
- max-width: 40rem;
- }
- @media (width >= 64rem) {
- max-width: 64rem;
- }
- @media (width >= 80rem) {
- max-width: 80rem;
- }
- @media (width >= 96rem) {
- max-width: 96rem;
- }
- }
- .m-3 {
- margin: calc(var(--spacing) * 3);
- }
- .-mx-1 {
- margin-inline: calc(var(--spacing) * -1);
- }
- .-mx-4 {
- margin-inline: calc(var(--spacing) * -4);
- }
- .-mx-6 {
- margin-inline: calc(var(--spacing) * -6);
- }
- .-mx-12 {
- margin-inline: calc(var(--spacing) * -12);
- }
- .mx-0\.5 {
- margin-inline: calc(var(--spacing) * 0.5);
- }
- .mx-2 {
- margin-inline: calc(var(--spacing) * 2);
- }
- .mx-3 {
- margin-inline: calc(var(--spacing) * 3);
- }
- .mx-3\.5 {
- margin-inline: calc(var(--spacing) * 3.5);
- }
- .mx-4 {
- margin-inline: calc(var(--spacing) * 4);
- }
- .mx-auto {
- margin-inline: auto;
- }
- .my-1 {
- margin-block: calc(var(--spacing) * 1);
- }
- .my-2 {
- margin-block: calc(var(--spacing) * 2);
- }
- .my-4 {
- margin-block: calc(var(--spacing) * 4);
- }
- .my-6 {
- margin-block: calc(var(--spacing) * 6);
- }
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
- :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-lead);
- font-size: 1.25em;
- line-height: 1.6;
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
- :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-links);
- text-decoration: underline;
- font-weight: 500;
- }
- :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
- }
- :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
- }
- :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
- }
- :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
- }
- :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
- }
- :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
- }
- :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
- }
- :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
- }
- :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
- }
- :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
- }
- :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: disc;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- color: var(--tw-prose-bullets);
- }
- :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.25em;
- }
- :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-color: var(--tw-prose-hr);
- border-top-width: 1px;
- margin-top: 3em;
- margin-bottom: 3em;
- }
- :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-style: italic;
- color: var(--tw-prose-quotes);
- border-inline-start-width: 0.25rem;
- border-inline-start-color: var(--tw-prose-quote-borders);
- quotes: "\201C""\201D""\2018""\2019";
- margin-top: 1.6em;
- margin-bottom: 1.6em;
- padding-inline-start: 1em;
- }
- :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: open-quote;
- }
- :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: close-quote;
- }
- :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 800;
- font-size: 2.25em;
- margin-top: 0;
- margin-bottom: 0.8888889em;
- line-height: 1.1111111;
- }
- :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 900;
- color: inherit;
- }
- :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 700;
- font-size: 1.5em;
- margin-top: 2em;
- margin-bottom: 1em;
- line-height: 1.3333333;
- }
- :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 800;
- color: inherit;
- }
- :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- font-size: 1.25em;
- margin-top: 1.6em;
- margin-bottom: 0.6em;
- line-height: 1.6;
- }
- :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
- }
- :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.5em;
- margin-bottom: 0.5em;
- line-height: 1.5;
- }
- :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
- }
- :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- display: block;
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-family: inherit;
- color: var(--tw-prose-kbd);
- box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
- font-size: 0.875em;
- border-radius: 0.3125rem;
- padding-top: 0.1875em;
- padding-inline-end: 0.375em;
- padding-bottom: 0.1875em;
- padding-inline-start: 0.375em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-code);
- font-weight: 600;
- font-size: 0.875em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: "`";
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: "`";
- }
- :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.875em;
- }
- :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.9em;
- }
- :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-pre-code);
- background-color: var(--tw-prose-pre-bg);
- overflow-x: auto;
- font-weight: 400;
- font-size: 0.875em;
- line-height: 1.7142857;
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- border-radius: 0.375rem;
- padding-top: 0.8571429em;
- padding-inline-end: 1.1428571em;
- padding-bottom: 0.8571429em;
- padding-inline-start: 1.1428571em;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color: transparent;
- border-width: 0;
- border-radius: 0;
- padding: 0;
- font-weight: inherit;
- color: inherit;
- font-size: inherit;
- font-family: inherit;
- line-height: inherit;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: none;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: none;
- }
- :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- width: 100%;
- table-layout: auto;
- margin-top: 2em;
- margin-bottom: 2em;
- font-size: 0.875em;
- line-height: 1.7142857;
- }
- :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-th-borders);
- }
- :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- vertical-align: bottom;
- padding-inline-end: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-inline-start: 0.5714286em;
- }
- :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-td-borders);
- }
- :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 0;
- }
- :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: baseline;
- }
- :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-top-width: 1px;
- border-top-color: var(--tw-prose-th-borders);
- }
- :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: top;
- }
- :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-align: start;
- }
- :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-captions);
- font-size: 0.875em;
- line-height: 1.4285714;
- margin-top: 0.8571429em;
- }
- --tw-prose-body: oklch(37.3% 0.034 259.733);
- --tw-prose-headings: oklch(21% 0.034 264.665);
- --tw-prose-lead: oklch(44.6% 0.03 256.802);
- --tw-prose-links: oklch(21% 0.034 264.665);
- --tw-prose-bold: oklch(21% 0.034 264.665);
- --tw-prose-counters: oklch(55.1% 0.027 264.364);
- --tw-prose-bullets: oklch(87.2% 0.01 258.338);
- --tw-prose-hr: oklch(92.8% 0.006 264.531);
- --tw-prose-quotes: oklch(21% 0.034 264.665);
- --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
- --tw-prose-captions: oklch(55.1% 0.027 264.364);
- --tw-prose-kbd: oklch(21% 0.034 264.665);
- --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
- --tw-prose-code: oklch(21% 0.034 264.665);
- --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
- --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
- --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
- --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
- --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
- --tw-prose-invert-headings: #fff;
- --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-links: #fff;
- --tw-prose-invert-bold: #fff;
- --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
- --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
- --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
- --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
- --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-kbd: #fff;
- --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
- --tw-prose-invert-code: #fff;
- --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
- --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
- --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
- font-size: 1rem;
- line-height: 1.75;
- :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
- }
- :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
- }
- :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- }
- :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
- }
- :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- }
- :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
- }
- :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
- }
- :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
- :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- padding-inline-start: 1.625em;
- }
- :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-top: 0.5714286em;
- padding-inline-end: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-inline-start: 0.5714286em;
- }
- :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 0;
- }
- }
- .prose-sm {
- font-size: 0.875rem;
- line-height: 1.7142857;
- :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- }
- :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.2857143em;
- line-height: 1.5555556;
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
- :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- padding-inline-start: 1.1111111em;
- }
- :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 2.1428571em;
- margin-top: 0;
- margin-bottom: 0.8em;
- line-height: 1.2;
- }
- :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.4285714em;
- margin-top: 1.6em;
- margin-bottom: 0.8em;
- line-height: 1.4;
- }
- :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.2857143em;
- margin-top: 1.5555556em;
- margin-bottom: 0.4444444em;
- line-height: 1.5555556;
- }
- :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.4285714em;
- margin-bottom: 0.5714286em;
- line-height: 1.4285714;
- }
- :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- border-radius: 0.3125rem;
- padding-top: 0.1428571em;
- padding-inline-end: 0.3571429em;
- padding-bottom: 0.1428571em;
- padding-inline-start: 0.3571429em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- }
- :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.9em;
- }
- :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8888889em;
- }
- :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.6666667;
- margin-top: 1.6666667em;
- margin-bottom: 1.6666667em;
- border-radius: 0.25rem;
- padding-top: 0.6666667em;
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- padding-inline-start: 1.5714286em;
- }
- :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- padding-inline-start: 1.5714286em;
- }
- :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.2857143em;
- margin-bottom: 0.2857143em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.4285714em;
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.4285714em;
- }
- :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5714286em;
- margin-bottom: 0.5714286em;
- }
- :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.1428571em;
- }
- :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.1428571em;
- }
- :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5714286em;
- margin-bottom: 0.5714286em;
- }
- :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- }
- :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.2857143em;
- padding-inline-start: 1.5714286em;
- }
- :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2.8571429em;
- margin-bottom: 2.8571429em;
- }
- :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.5;
- }
- :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-top: 0.6666667em;
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.3333333;
- margin-top: 0.6666667em;
- }
- :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 0;
- }
- }
- .-mt-\[2px\] {
- margin-top: calc(2px * -1);
- }
- .mt-0 {
- margin-top: calc(var(--spacing) * 0);
- }
- .mt-0\.5 {
- margin-top: calc(var(--spacing) * 0.5);
- }
- .mt-1 {
- margin-top: calc(var(--spacing) * 1);
- }
- .mt-1\.5 {
- margin-top: calc(var(--spacing) * 1.5);
- }
- .mt-2 {
- margin-top: calc(var(--spacing) * 2);
- }
- .mt-3 {
- margin-top: calc(var(--spacing) * 3);
- }
- .mt-4 {
- margin-top: calc(var(--spacing) * 4);
- }
- .mt-6 {
- margin-top: calc(var(--spacing) * 6);
- }
- .mt-\[2px\] {
- margin-top: 2px;
- }
- .mt-\[8px\] {
- margin-top: 8px;
- }
- .mt-\[16px\] {
- margin-top: 16px;
- }
- .mt-\[24px\] {
- margin-top: 24px;
- }
- .mt-auto {
- margin-top: auto;
- }
- .mr-0 {
- margin-right: calc(var(--spacing) * 0);
- }
- .mr-1 {
- margin-right: calc(var(--spacing) * 1);
- }
- .mr-2 {
- margin-right: calc(var(--spacing) * 2);
- }
- .mr-4 {
- margin-right: calc(var(--spacing) * 4);
- }
- .mr-\[-24px\] {
- margin-right: -24px;
- }
- .mr-\[-32px\] {
- margin-right: -32px;
- }
- .mr-auto {
- margin-right: auto;
- }
- .mb-0 {
- margin-bottom: calc(var(--spacing) * 0);
- }
- .mb-0\.5 {
- margin-bottom: calc(var(--spacing) * 0.5);
- }
- .mb-1 {
- margin-bottom: calc(var(--spacing) * 1);
- }
- .mb-2 {
- margin-bottom: calc(var(--spacing) * 2);
- }
- .mb-3 {
- margin-bottom: calc(var(--spacing) * 3);
- }
- .mb-3\.5 {
- margin-bottom: calc(var(--spacing) * 3.5);
- }
- .mb-4 {
- margin-bottom: calc(var(--spacing) * 4);
- }
- .mb-6 {
- margin-bottom: calc(var(--spacing) * 6);
- }
- .mb-8 {
- margin-bottom: calc(var(--spacing) * 8);
- }
- .mb-10 {
- margin-bottom: calc(var(--spacing) * 10);
- }
- .mb-16 {
- margin-bottom: calc(var(--spacing) * 16);
- }
- .ml-1 {
- margin-left: calc(var(--spacing) * 1);
- }
- .ml-2 {
- margin-left: calc(var(--spacing) * 2);
- }
- .ml-3 {
- margin-left: calc(var(--spacing) * 3);
- }
- .ml-4 {
- margin-left: calc(var(--spacing) * 4);
- }
- .ml-5 {
- margin-left: calc(var(--spacing) * 5);
- }
- .ml-6 {
- margin-left: calc(var(--spacing) * 6);
- }
- .ml-7 {
- margin-left: calc(var(--spacing) * 7);
- }
- .ml-\[-24px\] {
- margin-left: -24px;
- }
- .ml-\[-32px\] {
- margin-left: -32px;
- }
- .ml-auto {
- margin-left: auto;
- }
- .line-clamp-2 {
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- }
- .line-clamp-3 {
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- }
- .\!inline {
- display: inline !important;
- }
- .block {
- display: block;
- }
- .contents {
- display: contents;
- }
- .flex {
- display: flex;
- }
- .grid {
- display: grid;
- }
- .hidden {
- display: none;
- }
- .inline {
- display: inline;
- }
- .inline-block {
- display: inline-block;
- }
- .inline-flex {
- display: inline-flex;
- }
- .aspect-square {
- aspect-ratio: 1 / 1;
- }
- .\!size-4 {
- width: calc(var(--spacing) * 4) !important;
- height: calc(var(--spacing) * 4) !important;
- }
- .size-2 {
- width: calc(var(--spacing) * 2);
- height: calc(var(--spacing) * 2);
- }
- .size-2\.5 {
- width: calc(var(--spacing) * 2.5);
- height: calc(var(--spacing) * 2.5);
- }
- .size-3\.5 {
- width: calc(var(--spacing) * 3.5);
- height: calc(var(--spacing) * 3.5);
- }
- .size-4 {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- .size-5 {
- width: calc(var(--spacing) * 5);
- height: calc(var(--spacing) * 5);
- }
- .size-6 {
- width: calc(var(--spacing) * 6);
- height: calc(var(--spacing) * 6);
- }
- .size-8 {
- width: calc(var(--spacing) * 8);
- height: calc(var(--spacing) * 8);
- }
- .size-10 {
- width: calc(var(--spacing) * 10);
- height: calc(var(--spacing) * 10);
- }
- .h-0 {
- height: calc(var(--spacing) * 0);
- }
- .h-1\.5 {
- height: calc(var(--spacing) * 1.5);
- }
- .h-1\/2 {
- height: calc(1/2 * 100%);
- }
- .h-2 {
- height: calc(var(--spacing) * 2);
- }
- .h-2\.5 {
- height: calc(var(--spacing) * 2.5);
- }
- .h-3 {
- height: calc(var(--spacing) * 3);
- }
- .h-3\.5 {
- height: calc(var(--spacing) * 3.5);
- }
- .h-4 {
- height: calc(var(--spacing) * 4);
- }
- .h-5 {
- height: calc(var(--spacing) * 5);
- }
- .h-6 {
- height: calc(var(--spacing) * 6);
- }
- .h-7 {
- height: calc(var(--spacing) * 7);
- }
- .h-8 {
- height: calc(var(--spacing) * 8);
- }
- .h-9 {
- height: calc(var(--spacing) * 9);
- }
- .h-10 {
- height: calc(var(--spacing) * 10);
- }
- .h-12 {
- height: calc(var(--spacing) * 12);
- }
- .h-14 {
- height: calc(var(--spacing) * 14);
- }
- .h-16 {
- height: calc(var(--spacing) * 16);
- }
- .h-20 {
- height: calc(var(--spacing) * 20);
- }
- .h-64 {
- height: calc(var(--spacing) * 64);
- }
- .h-80 {
- height: calc(var(--spacing) * 80);
- }
- .h-\[2px\] {
- height: 2px;
- }
- .h-\[6px\] {
- height: 6px;
- }
- .h-\[16px\] {
- height: 16px;
- }
- .h-\[20px\] {
- height: 20px;
- }
- .h-\[22px\] {
- height: 22px;
- }
- .h-\[28px\] {
- height: 28px;
- }
- .h-\[38px\] {
- height: 38px;
- }
- .h-\[44px\] {
- height: 44px;
- }
- .h-\[60px\] {
- height: 60px;
- }
- .h-\[90vh\] {
- height: 90vh;
- }
- .h-\[150px\] {
- height: 150px;
- }
- .h-\[160px\] {
- height: 160px;
- }
- .h-\[275px\] {
- height: 275px;
- }
- .h-auto {
- height: auto;
- }
- .h-dvh {
- height: 100dvh;
- }
- .h-fit {
- height: fit-content;
- }
- .h-full {
- height: 100%;
- }
- .h-px {
- height: 1px;
- }
- .h-screen {
- height: 100vh;
- }
- .h-svh {
- height: 100svh;
- }
- .max-h-\(--radix-dropdown-menu-content-available-height\) {
- max-height: var(--radix-dropdown-menu-content-available-height);
- }
- .max-h-0 {
- max-height: calc(var(--spacing) * 0);
- }
- .max-h-32 {
- max-height: calc(var(--spacing) * 32);
- }
- .max-h-40 {
- max-height: calc(var(--spacing) * 40);
- }
- .max-h-60 {
- max-height: calc(var(--spacing) * 60);
- }
- .max-h-64 {
- max-height: calc(var(--spacing) * 64);
- }
- .max-h-80 {
- max-height: calc(var(--spacing) * 80);
- }
- .max-h-96 {
- max-height: calc(var(--spacing) * 96);
- }
- .max-h-\[4rem\] {
- max-height: 4rem;
- }
- .max-h-\[20rem\] {
- max-height: 20rem;
- }
- .max-h-\[32rem\] {
- max-height: 32rem;
- }
- .max-h-\[54px\] {
- max-height: 54px;
- }
- .max-h-\[60vh\] {
- max-height: 60vh;
- }
- .max-h-\[80vh\] {
- max-height: 80vh;
- }
- .max-h-\[90vh\] {
- max-height: 90vh;
- }
- .max-h-\[400px\] {
- max-height: 400px;
- }
- .max-h-\[1000px\] {
- max-height: 1000px;
- }
- .max-h-\[calc\(100vh-300px\)\] {
- max-height: calc(100vh - 300px);
- }
- .min-h-0 {
- min-height: calc(var(--spacing) * 0);
- }
- .min-h-5 {
- min-height: calc(var(--spacing) * 5);
- }
- .min-h-16 {
- min-height: calc(var(--spacing) * 16);
- }
- .min-h-\[20px\] {
- min-height: 20px;
- }
- .min-h-\[80\%\] {
- min-height: 80%;
- }
- .min-h-\[96px\] {
- min-height: 96px;
- }
- .min-h-\[120px\] {
- min-height: 120px;
- }
- .min-h-\[200px\] {
- min-height: 200px;
- }
- .min-h-\[300px\] {
- min-height: 300px;
- }
- .min-h-\[400px\] {
- min-height: 400px;
- }
- .min-h-\[500px\] {
- min-height: 500px;
- }
- .min-h-full {
- min-height: 100%;
- }
- .min-h-svh {
- min-height: 100svh;
- }
- .\!w-8 {
- width: calc(var(--spacing) * 8) !important;
- }
- .\!w-fit {
- width: fit-content !important;
- }
- .w-\(--sidebar-width\) {
- width: var(--sidebar-width);
- }
- .w-1\/2 {
- width: calc(1/2 * 100%);
- }
- .w-2 {
- width: calc(var(--spacing) * 2);
- }
- .w-2\.5 {
- width: calc(var(--spacing) * 2.5);
- }
- .w-2\/3 {
- width: calc(2/3 * 100%);
- }
- .w-3 {
- width: calc(var(--spacing) * 3);
- }
- .w-3\.5 {
- width: calc(var(--spacing) * 3.5);
- }
- .w-3\/4 {
- width: calc(3/4 * 100%);
- }
- .w-4 {
- width: calc(var(--spacing) * 4);
- }
- .w-4\/5 {
- width: calc(4/5 * 100%);
- }
- .w-5 {
- width: calc(var(--spacing) * 5);
- }
- .w-6 {
- width: calc(var(--spacing) * 6);
- }
- .w-7 {
- width: calc(var(--spacing) * 7);
- }
- .w-8 {
- width: calc(var(--spacing) * 8);
- }
- .w-9 {
- width: calc(var(--spacing) * 9);
- }
- .w-10 {
- width: calc(var(--spacing) * 10);
- }
- .w-12 {
- width: calc(var(--spacing) * 12);
- }
- .w-14 {
- width: calc(var(--spacing) * 14);
- }
- .w-16 {
- width: calc(var(--spacing) * 16);
- }
- .w-20 {
- width: calc(var(--spacing) * 20);
- }
- .w-24 {
- width: calc(var(--spacing) * 24);
- }
- .w-28 {
- width: calc(var(--spacing) * 28);
- }
- .w-32 {
- width: calc(var(--spacing) * 32);
- }
- .w-36 {
- width: calc(var(--spacing) * 36);
- }
- .w-40 {
- width: calc(var(--spacing) * 40);
- }
- .w-48 {
- width: calc(var(--spacing) * 48);
- }
- .w-52 {
- width: calc(var(--spacing) * 52);
- }
- .w-64 {
- width: calc(var(--spacing) * 64);
- }
- .w-\[2px\] {
- width: 2px;
- }
- .w-\[6px\] {
- width: 6px;
- }
- .w-\[28px\] {
- width: 28px;
- }
- .w-\[80vw\] {
- width: 80vw;
- }
- .w-\[90\%\] {
- width: 90%;
- }
- .w-\[90vw\] {
- width: 90vw;
- }
- .w-\[150px\] {
- width: 150px;
- }
- .w-\[200px\] {
- width: 200px;
- }
- .w-\[275px\] {
- width: 275px;
- }
- .w-\[440px\] {
- width: 440px;
- }
- .w-\[500px\] {
- width: 500px;
- }
- .w-\[800px\] {
- width: 800px;
- }
- .w-\[900px\] {
- width: 900px;
- }
- .w-auto {
- width: auto;
- }
- .w-fit {
- width: fit-content;
- }
- .w-full {
- width: 100%;
- }
- .w-max {
- width: max-content;
- }
- .w-px {
- width: 1px;
- }
- .w-screen {
- width: 100vw;
- }
- .\!max-w-none {
- max-width: none !important;
- }
- .max-w-\(--skeleton-width\) {
- max-width: var(--skeleton-width);
- }
- .max-w-2xl {
- max-width: var(--container-2xl);
- }
- .max-w-4xl {
- max-width: var(--container-4xl);
- }
- .max-w-6xl {
- max-width: var(--container-6xl);
- }
- .max-w-40 {
- max-width: calc(var(--spacing) * 40);
- }
- .max-w-\[50vw\] {
- max-width: 50vw;
- }
- .max-w-\[80vw\] {
- max-width: 80vw;
- }
- .max-w-\[85\%\] {
- max-width: 85%;
- }
- .max-w-\[90vw\] {
- max-width: 90vw;
- }
- .max-w-\[130px\] {
- max-width: 130px;
- }
- .max-w-\[180px\] {
- max-width: 180px;
- }
- .max-w-\[200px\] {
- max-width: 200px;
- }
- .max-w-\[300px\] {
- max-width: 300px;
- }
- .max-w-\[350px\] {
- max-width: 350px;
- }
- .max-w-\[600px\] {
- max-width: 600px;
- }
- .max-w-\[calc\(100\%-2rem\)\] {
- max-width: calc(100% - 2rem);
- }
- .max-w-full {
- max-width: 100%;
- }
- .max-w-lg {
- max-width: var(--container-lg);
- }
- .max-w-md {
- max-width: var(--container-md);
- }
- .max-w-sm {
- max-width: var(--container-sm);
- }
- .max-w-xs {
- max-width: var(--container-xs);
- }
- .min-w-0 {
- min-width: calc(var(--spacing) * 0);
- }
- .min-w-2 {
- min-width: calc(var(--spacing) * 2);
- }
- .min-w-5 {
- min-width: calc(var(--spacing) * 5);
- }
- .min-w-96 {
- min-width: calc(var(--spacing) * 96);
- }
- .min-w-\[8rem\] {
- min-width: 8rem;
- }
- .min-w-\[32px\] {
- min-width: 32px;
- }
- .min-w-\[60px\] {
- min-width: 60px;
- }
- .min-w-\[80\%\] {
- min-width: 80%;
- }
- .min-w-\[120px\] {
- min-width: 120px;
- }
- .min-w-\[140px\] {
- min-width: 140px;
- }
- .min-w-\[250px\] {
- min-width: 250px;
- }
- .flex-1 {
- flex: 1;
- }
- .flex-none {
- flex: none;
- }
- .flex-shrink-0 {
- flex-shrink: 0;
- }
- .shrink-0 {
- flex-shrink: 0;
- }
- .flex-grow {
- flex-grow: 1;
- }
- .grow {
- flex-grow: 1;
- }
- .origin-\(--radix-dropdown-menu-content-transform-origin\) {
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
- }
- .origin-\(--radix-tooltip-content-transform-origin\) {
- transform-origin: var(--radix-tooltip-content-transform-origin);
- }
- .origin-bottom-left {
- transform-origin: 0 100%;
- }
- .origin-center {
- transform-origin: center;
- }
- .-translate-x-1\/2 {
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-x-full {
- --tw-translate-x: -100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-x-px {
- --tw-translate-x: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-x-\[-50\%\] {
- --tw-translate-x: -50%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-x-px {
- --tw-translate-x: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-1\/2 {
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-4 {
- --tw-translate-y: calc(var(--spacing) * -4);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-px {
- --tw-translate-y: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[-50\%\] {
- --tw-translate-y: -50%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[1px\] {
- --tw-translate-y: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[calc\(-50\%_-_2px\)\] {
- --tw-translate-y: calc(-50% - 2px);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-px {
- --tw-translate-y: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .scale-95 {
- --tw-scale-x: 95%;
- --tw-scale-y: 95%;
- --tw-scale-z: 95%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-100 {
- --tw-scale-x: 100%;
- --tw-scale-y: 100%;
- --tw-scale-z: 100%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-101 {
- --tw-scale-x: 101%;
- --tw-scale-y: 101%;
- --tw-scale-z: 101%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-102 {
- --tw-scale-x: 102%;
- --tw-scale-y: 102%;
- --tw-scale-z: 102%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-105 {
- --tw-scale-x: 105%;
- --tw-scale-y: 105%;
- --tw-scale-z: 105%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-\[2\.5\] {
- scale: 2.5;
- }
- .-rotate-90 {
- rotate: calc(90deg * -1);
- }
- .rotate-0 {
- rotate: 0deg;
- }
- .rotate-2 {
- rotate: 2deg;
- }
- .rotate-45 {
- rotate: 45deg;
- }
- .rotate-90 {
- rotate: 90deg;
- }
- .rotate-180 {
- rotate: 180deg;
- }
- .transform {
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
- }
- .animate-\[appear_150ms_ease-in_forwards\] {
- animation: appear 150ms ease-in forwards;
- }
- .animate-\[fadein_200ms_ease-in\] {
- animation: fadein 200ms ease-in;
- }
- .animate-\[fadein_200ms_ease-in_forwards\] {
- animation: fadein 200ms ease-in forwards;
- }
- .animate-\[fadein_400ms_ease-in_forwards\] {
- animation: fadein 400ms ease-in forwards;
- }
- .animate-\[fadein_500ms_ease-in_forwards\] {
- animation: fadein 500ms ease-in forwards;
- }
- .animate-\[rotate_6s_linear_infinite\] {
- animation: rotate 6s linear infinite;
- }
- .animate-\[wind_2s_linear_1s_infinite\] {
- animation: wind 2s linear 1s infinite;
- }
- .animate-\[wind_2s_linear_infinite\] {
- animation: wind 2s linear infinite;
- }
- .animate-bounce {
- animation: var(--animate-bounce);
- }
- .animate-in {
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- .animate-pulse {
- animation: var(--animate-pulse);
- }
- .animate-spin {
- animation: var(--animate-spin);
- }
- .cursor-default {
- cursor: default;
- }
- .cursor-grab {
- cursor: grab;
- }
- .cursor-not-allowed {
- cursor: not-allowed;
- }
- .cursor-pointer {
- cursor: pointer;
- }
- .cursor-wait {
- cursor: wait;
- }
- .touch-none {
- touch-action: none;
- }
- .resize {
- resize: both;
- }
- .resize-none {
- resize: none;
- }
- .resize-y {
- resize: vertical;
- }
- .list-inside {
- list-style-position: inside;
- }
- .list-decimal {
- list-style-type: decimal;
- }
- .list-disc {
- list-style-type: disc;
- }
- .auto-rows-min {
- grid-auto-rows: min-content;
- }
- .grid-cols-1 {
- grid-template-columns: repeat(1, minmax(0, 1fr));
- }
- .grid-cols-2 {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- .grid-cols-3 {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- .grid-cols-12 {
- grid-template-columns: repeat(12, minmax(0, 1fr));
- }
- .grid-cols-\[1fr_1fr_auto\] {
- grid-template-columns: 1fr 1fr auto;
- }
- .grid-cols-\[1fr_1fr_auto_auto\] {
- grid-template-columns: 1fr 1fr auto auto;
- }
- .grid-cols-\[200px_1fr_auto\] {
- grid-template-columns: 200px 1fr auto;
- }
- .grid-rows-\[auto_auto\] {
- grid-template-rows: auto auto;
- }
- .flex-col {
- flex-direction: column;
- }
- .flex-col-reverse {
- flex-direction: column-reverse;
- }
- .flex-row {
- flex-direction: row;
- }
- .flex-wrap {
- flex-wrap: wrap;
- }
- .items-baseline {
- align-items: baseline;
- }
- .items-center {
- align-items: center;
- }
- .items-end {
- align-items: flex-end;
- }
- .items-start {
- align-items: flex-start;
- }
- .items-stretch {
- align-items: stretch;
- }
- .justify-between {
- justify-content: space-between;
- }
- .justify-center {
- justify-content: center;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .justify-start {
- justify-content: flex-start;
- }
- .gap-0 {
- gap: calc(var(--spacing) * 0);
- }
- .gap-0\.5 {
- gap: calc(var(--spacing) * 0.5);
- }
- .gap-1 {
- gap: calc(var(--spacing) * 1);
- }
- .gap-1\.5 {
- gap: calc(var(--spacing) * 1.5);
- }
- .gap-2 {
- gap: calc(var(--spacing) * 2);
- }
- .gap-3 {
- gap: calc(var(--spacing) * 3);
- }
- .gap-4 {
- gap: calc(var(--spacing) * 4);
- }
- .gap-6 {
- gap: calc(var(--spacing) * 6);
- }
- .space-y-0\.5 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-1 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-2 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-3 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-4 {
- :where(& > :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)));
- }
- }
- .space-y-6 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-8 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-x-2 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-3 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-4 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-5 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .self-start {
- align-self: flex-start;
- }
- .justify-self-end {
- justify-self: flex-end;
- }
- .truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .overflow-auto {
- overflow: auto;
- }
- .overflow-hidden {
- overflow: hidden;
- }
- .overflow-x-auto {
- overflow-x: auto;
- }
- .overflow-x-hidden {
- overflow-x: hidden;
- }
- .overflow-y-auto {
- overflow-y: auto;
- }
- .rounded {
- border-radius: 0.25rem;
- }
- .rounded-2xl {
- border-radius: var(--radius-2xl);
- }
- .rounded-3xl {
- border-radius: var(--radius-3xl);
- }
- .rounded-\[9px\] {
- border-radius: 9px;
- }
- .rounded-\[inherit\] {
- border-radius: inherit;
- }
- .rounded-full {
- border-radius: calc(infinity * 1px);
- }
- .rounded-lg {
- border-radius: var(--radius-lg);
- }
- .rounded-md {
- border-radius: var(--radius-md);
- }
- .rounded-none {
- border-radius: 0;
- }
- .rounded-sm {
- border-radius: var(--radius-sm);
- }
- .rounded-xl {
- border-radius: var(--radius-xl);
- }
- .rounded-xs {
- border-radius: var(--radius-xs);
- }
- .rounded-t-2xl {
- border-top-left-radius: var(--radius-2xl);
- border-top-right-radius: var(--radius-2xl);
- }
- .rounded-b-2xl {
- border-bottom-right-radius: var(--radius-2xl);
- border-bottom-left-radius: var(--radius-2xl);
- }
- .rounded-b-none {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .border {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- .border-0 {
- border-style: var(--tw-border-style);
- border-width: 0px;
- }
- .border-2 {
- border-style: var(--tw-border-style);
- border-width: 2px;
- }
- .border-t {
- border-top-style: var(--tw-border-style);
- border-top-width: 1px;
- }
- .border-t-2 {
- border-top-style: var(--tw-border-style);
- border-top-width: 2px;
- }
- .border-r {
- border-right-style: var(--tw-border-style);
- border-right-width: 1px;
- }
- .border-b {
- border-bottom-style: var(--tw-border-style);
- border-bottom-width: 1px;
- }
- .border-b-2 {
- border-bottom-style: var(--tw-border-style);
- border-bottom-width: 2px;
- }
- .border-l {
- border-left-style: var(--tw-border-style);
- border-left-width: 1px;
- }
- .border-l-2 {
- border-left-style: var(--tw-border-style);
- border-left-width: 2px;
- }
- .border-dashed {
- --tw-border-style: dashed;
- border-style: dashed;
- }
- .border-none {
- --tw-border-style: none;
- border-style: none;
- }
- .border-amber-200 {
- border-color: var(--color-amber-200);
- }
- .border-amber-200\/30 {
- border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
- }
- }
- .border-amber-200\/50 {
- border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
- }
- }
- .border-amber-500\/30 {
- border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
- }
- }
- .border-amber-500\/50 {
- border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
- }
- }
- .border-background-default {
- border-color: var(--background-default);
- }
- .border-blue-200 {
- border-color: var(--color-blue-200);
- }
- .border-blue-300 {
- border-color: var(--color-blue-300);
- }
- .border-blue-500 {
- border-color: var(--color-blue-500);
- }
- .border-border-accent {
- border-color: var(--border-accent);
- }
- .border-border-default {
- border-color: var(--border-default);
- }
- .border-border-info {
- border-color: var(--border-info);
- }
- .border-current {
- border-color: currentcolor;
- }
- .border-current\/10 {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 10%, transparent);
- }
- }
- .border-current\/30 {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 30%, transparent);
- }
- }
- .border-gray-300 {
- border-color: var(--color-gray-300);
- }
- .border-gray-400 {
- border-color: var(--color-gray-400);
- }
- .border-green-200 {
- border-color: var(--color-green-200);
- }
- .border-green-300 {
- border-color: var(--color-green-300);
- }
- .border-green-400 {
- border-color: var(--color-green-400);
- }
- .border-green-500\/50 {
- border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
- }
- }
- .border-orange-200 {
- border-color: var(--color-orange-200);
- }
- .border-orange-300 {
- border-color: var(--color-orange-300);
- }
- .border-red-200 {
- border-color: var(--color-red-200);
- }
- .border-red-300 {
- border-color: var(--color-red-300);
- }
- .border-red-500 {
- border-color: var(--color-red-500);
- }
- .border-red-500\/30 {
- border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
- }
- }
- .border-red-500\/50 {
- border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
- }
- }
- .border-sidebar-border {
- border-color: var(--sidebar-border);
- }
- .border-slate-600 {
- border-color: var(--color-slate-600);
- }
- .border-text-default {
- border-color: var(--text-default);
- }
- .border-text-muted {
- border-color: var(--text-muted);
- }
- .border-transparent {
- border-color: transparent;
- }
- .border-white {
- border-color: var(--color-white);
- }
- .border-white\/20 {
- border-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- .border-yellow-200 {
- border-color: var(--color-yellow-200);
- }
- .border-yellow-500\/30 {
- border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
- }
- }
- .border-yellow-500\/50 {
- border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
- }
- }
- .border-yellow-600\/50 {
- border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent);
- }
- }
- .border-t-transparent {
- border-top-color: transparent;
- }
- .border-l-transparent {
- border-left-color: transparent;
- }
- .bg-\[\#cc4b03\] {
- background-color: #cc4b03;
- }
- .bg-\[\#d7040e\] {
- background-color: #d7040e;
- }
- .bg-amber-50 {
- background-color: var(--color-amber-50);
- }
- .bg-amber-50\/5 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 5%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 5%, transparent);
- }
- }
- .bg-amber-50\/10 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 10%, transparent);
- }
- }
- .bg-amber-50\/60 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
- }
- }
- .bg-amber-50\/80 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
- }
- }
- .bg-amber-500 {
- background-color: var(--color-amber-500);
- }
- .bg-background-accent {
- background-color: var(--background-accent);
- }
- .bg-background-card {
- background-color: var(--background-card);
- }
- .bg-background-danger {
- background-color: var(--background-danger);
- }
- .bg-background-default {
- background-color: var(--background-default);
- }
- .bg-background-default\/95 {
- background-color: var(--background-default);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-default) 95%, transparent);
- }
- }
- .bg-background-info\/10 {
- background-color: var(--background-info);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-info) 10%, transparent);
- }
- }
- .bg-background-inverse {
- background-color: var(--background-inverse);
- }
- .bg-background-medium {
- background-color: var(--background-medium);
- }
- .bg-background-muted {
- background-color: var(--background-muted);
- }
- .bg-black {
- background-color: var(--color-black);
- }
- .bg-black\/20 {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- .bg-black\/30 {
- background-color: color-mix(in srgb, #000000 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
- }
- }
- .bg-black\/50 {
- background-color: color-mix(in srgb, #000000 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
- }
- }
- .bg-blue-50 {
- background-color: var(--color-blue-50);
- }
- .bg-blue-500 {
- background-color: var(--color-blue-500);
- }
- .bg-blue-500\/20 {
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
- }
- }
- .bg-blue-600 {
- background-color: var(--color-blue-600);
- }
- .bg-border-default {
- background-color: var(--border-default);
- }
- .bg-border-strong {
- background-color: var(--border-strong);
- }
- .bg-gray-50 {
- background-color: var(--color-gray-50);
- }
- .bg-gray-100 {
- background-color: var(--color-gray-100);
- }
- .bg-gray-200 {
- background-color: var(--color-gray-200);
- }
- .bg-gray-300 {
- background-color: var(--color-gray-300);
- }
- .bg-gray-400 {
- background-color: var(--color-gray-400);
- }
- .bg-gray-700\/50 {
- background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
- }
- }
- .bg-green-50 {
- background-color: var(--color-green-50);
- }
- .bg-green-100 {
- background-color: var(--color-green-100);
- }
- .bg-green-100\/20 {
- background-color: color-mix(in srgb, #a3d795 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-100) 20%, transparent);
- }
- }
- .bg-green-100\/80 {
- background-color: color-mix(in srgb, #a3d795 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-100) 80%, transparent);
- }
- }
- .bg-green-500 {
- background-color: var(--color-green-500);
- }
- .bg-green-600 {
- background-color: var(--color-green-600);
- }
- .bg-orange-50 {
- background-color: var(--color-orange-50);
- }
- .bg-orange-100 {
- background-color: var(--color-orange-100);
- }
- .bg-orange-400 {
- background-color: var(--color-orange-400);
- }
- .bg-orange-500 {
- background-color: var(--color-orange-500);
- }
- .bg-orange-600 {
- background-color: var(--color-orange-600);
- }
- .bg-purple-500 {
- background-color: var(--color-purple-500);
- }
- .bg-purple-600 {
- background-color: var(--color-purple-600);
- }
- .bg-red-50 {
- background-color: var(--color-red-50);
- }
- .bg-red-100 {
- background-color: var(--color-red-100);
- }
- .bg-red-400\/50 {
- background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
- }
- }
- .bg-red-500 {
- background-color: var(--color-red-500);
- }
- .bg-red-600 {
- background-color: var(--color-red-600);
- }
- .bg-red-900\/20 {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- .bg-sidebar {
- background-color: var(--sidebar);
- }
- .bg-sidebar-accent {
- background-color: var(--sidebar-accent);
- }
- .bg-slate-500 {
- background-color: var(--color-slate-500);
- }
- .bg-slate-600 {
- background-color: var(--color-slate-600);
- }
- .bg-transparent {
- background-color: transparent;
- }
- .bg-white {
- background-color: var(--color-white);
- }
- .bg-white\/10 {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- .bg-white\/20 {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- .bg-white\/30 {
- background-color: color-mix(in srgb, #ffffff 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
- }
- }
- .bg-white\/50 {
- background-color: color-mix(in srgb, #ffffff 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
- }
- }
- .bg-white\/80 {
- background-color: color-mix(in srgb, #ffffff 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
- }
- }
- .bg-yellow-50 {
- background-color: var(--color-yellow-50);
- }
- .bg-yellow-500 {
- background-color: var(--color-yellow-500);
- }
- .bg-yellow-500\/10 {
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
- }
- }
- .bg-yellow-600\/10 {
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-600) 10%, transparent);
- }
- }
- .bg-yellow-600\/20 {
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
- }
- }
- .bg-gradient-to-r {
- --tw-gradient-position: to right in oklab;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-\[linear-gradient\(45deg\,\#13BBAF\,\#FF4F00\)\] {
- background-image: linear-gradient(45deg,#13BBAF,#FF4F00);
- }
- .from-amber-500 {
- --tw-gradient-from: var(--color-amber-500);
- --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-blue-500 {
- --tw-gradient-from: var(--color-blue-500);
- --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-green-500 {
- --tw-gradient-from: var(--color-green-500);
- --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-purple-500 {
- --tw-gradient-from: var(--color-purple-500);
- --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-red-500 {
- --tw-gradient-from: var(--color-red-500);
- --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-slate-500 {
- --tw-gradient-from: var(--color-slate-500);
- --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-transparent {
- --tw-gradient-from: transparent;
- --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-white\/8 {
- --tw-gradient-via: color-mix(in srgb, #ffffff 8%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-gradient-via: color-mix(in oklab, var(--color-white) 8%, transparent);
- }
- --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-amber-600 {
- --tw-gradient-to: var(--color-amber-600);
- --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-blue-600 {
- --tw-gradient-to: var(--color-blue-600);
- --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-green-600 {
- --tw-gradient-to: var(--color-green-600);
- --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-purple-600 {
- --tw-gradient-to: var(--color-purple-600);
- --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-red-600 {
- --tw-gradient-to: var(--color-red-600);
- --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-slate-600 {
- --tw-gradient-to: var(--color-slate-600);
- --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-transparent {
- --tw-gradient-to: transparent;
- --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));
- }
- .fill-background-accent {
- fill: var(--background-accent);
- }
- .fill-background-inverse {
- fill: var(--background-inverse);
- }
- .fill-current {
- fill: currentcolor;
- }
- .stroke-text-inverse {
- stroke: var(--text-inverse);
- }
- .object-contain {
- object-fit: contain;
- }
- .object-cover {
- object-fit: cover;
- }
- .\!p-0 {
- padding: calc(var(--spacing) * 0) !important;
- }
- .p-0 {
- padding: calc(var(--spacing) * 0);
- }
- .p-1 {
- padding: calc(var(--spacing) * 1);
- }
- .p-1\.5 {
- padding: calc(var(--spacing) * 1.5);
- }
- .p-2 {
- padding: calc(var(--spacing) * 2);
- }
- .p-3 {
- padding: calc(var(--spacing) * 3);
- }
- .p-4 {
- padding: calc(var(--spacing) * 4);
- }
- .p-6 {
- padding: calc(var(--spacing) * 6);
- }
- .p-8 {
- padding: calc(var(--spacing) * 8);
- }
- .p-\[1px\] {
- padding: 1px;
- }
- .p-\[2px\] {
- padding: 2px;
- }
- .p-\[16px\] {
- padding: 16px;
- }
- .\!px-0 {
- padding-inline: calc(var(--spacing) * 0) !important;
- }
- .px-0 {
- padding-inline: calc(var(--spacing) * 0);
- }
- .px-1 {
- padding-inline: calc(var(--spacing) * 1);
- }
- .px-1\.5 {
- padding-inline: calc(var(--spacing) * 1.5);
- }
- .px-2 {
- padding-inline: calc(var(--spacing) * 2);
- }
- .px-2\.5 {
- padding-inline: calc(var(--spacing) * 2.5);
- }
- .px-3 {
- padding-inline: calc(var(--spacing) * 3);
- }
- .px-4 {
- padding-inline: calc(var(--spacing) * 4);
- }
- .px-6 {
- padding-inline: calc(var(--spacing) * 6);
- }
- .px-8 {
- padding-inline: calc(var(--spacing) * 8);
- }
- .px-10 {
- padding-inline: calc(var(--spacing) * 10);
- }
- .py-0 {
- padding-block: calc(var(--spacing) * 0);
- }
- .py-0\.5 {
- padding-block: calc(var(--spacing) * 0.5);
- }
- .py-1 {
- padding-block: calc(var(--spacing) * 1);
- }
- .py-1\.5 {
- padding-block: calc(var(--spacing) * 1.5);
- }
- .py-2 {
- padding-block: calc(var(--spacing) * 2);
- }
- .py-2\.5 {
- padding-block: calc(var(--spacing) * 2.5);
- }
- .py-3 {
- padding-block: calc(var(--spacing) * 3);
- }
- .py-4 {
- padding-block: calc(var(--spacing) * 4);
- }
- .py-5 {
- padding-block: calc(var(--spacing) * 5);
- }
- .py-6 {
- padding-block: calc(var(--spacing) * 6);
- }
- .py-8 {
- padding-block: calc(var(--spacing) * 8);
- }
- .py-10 {
- padding-block: calc(var(--spacing) * 10);
- }
- .py-12 {
- padding-block: calc(var(--spacing) * 12);
- }
- .pt-0 {
- padding-top: calc(var(--spacing) * 0);
- }
- .pt-1 {
- padding-top: calc(var(--spacing) * 1);
- }
- .pt-2 {
- padding-top: calc(var(--spacing) * 2);
- }
- .pt-3 {
- padding-top: calc(var(--spacing) * 3);
- }
- .pt-4 {
- padding-top: calc(var(--spacing) * 4);
- }
- .pt-6 {
- padding-top: calc(var(--spacing) * 6);
- }
- .pt-8 {
- padding-top: calc(var(--spacing) * 8);
- }
- .pt-10 {
- padding-top: calc(var(--spacing) * 10);
- }
- .pt-12 {
- padding-top: calc(var(--spacing) * 12);
- }
- .pt-14 {
- padding-top: calc(var(--spacing) * 14);
- }
- .pt-16 {
- padding-top: calc(var(--spacing) * 16);
- }
- .pt-19 {
- padding-top: calc(var(--spacing) * 19);
- }
- .pt-\[16px\] {
- padding-top: 16px;
- }
- .pt-\[20px\] {
- padding-top: 20px;
- }
- .pt-\[24px\] {
- padding-top: 24px;
- }
- .pt-\[32px\] {
- padding-top: 32px;
- }
- .pr-0 {
- padding-right: calc(var(--spacing) * 0);
- }
- .pr-1 {
- padding-right: calc(var(--spacing) * 1);
- }
- .pr-2 {
- padding-right: calc(var(--spacing) * 2);
- }
- .pr-4 {
- padding-right: calc(var(--spacing) * 4);
- }
- .pr-8 {
- padding-right: calc(var(--spacing) * 8);
- }
- .pr-24 {
- padding-right: calc(var(--spacing) * 24);
- }
- .pb-0 {
- padding-bottom: calc(var(--spacing) * 0);
- }
- .pb-1\.5 {
- padding-bottom: calc(var(--spacing) * 1.5);
- }
- .pb-2 {
- padding-bottom: calc(var(--spacing) * 2);
- }
- .pb-3 {
- padding-bottom: calc(var(--spacing) * 3);
- }
- .pb-4 {
- padding-bottom: calc(var(--spacing) * 4);
- }
- .pb-6 {
- padding-bottom: calc(var(--spacing) * 6);
- }
- .pb-8 {
- padding-bottom: calc(var(--spacing) * 8);
- }
- .pb-10 {
- padding-bottom: calc(var(--spacing) * 10);
- }
- .pb-12 {
- padding-bottom: calc(var(--spacing) * 12);
- }
- .pb-16 {
- padding-bottom: calc(var(--spacing) * 16);
- }
- .pb-24 {
- padding-bottom: calc(var(--spacing) * 24);
- }
- .pl-1 {
- padding-left: calc(var(--spacing) * 1);
- }
- .pl-2 {
- padding-left: calc(var(--spacing) * 2);
- }
- .pl-4 {
- padding-left: calc(var(--spacing) * 4);
- }
- .pl-5 {
- padding-left: calc(var(--spacing) * 5);
- }
- .pl-6 {
- padding-left: calc(var(--spacing) * 6);
- }
- .pl-8 {
- padding-left: calc(var(--spacing) * 8);
- }
- .pl-9 {
- padding-left: calc(var(--spacing) * 9);
- }
- .pl-21 {
- padding-left: calc(var(--spacing) * 21);
- }
- .text-center {
- text-align: center;
- }
- .text-left {
- text-align: left;
- }
- .text-right {
- text-align: right;
- }
- .font-mono {
- font-family: monospace;
- }
- .font-sans {
- font-family: 'Cash Sans', sans-serif;
- }
- .text-2xl {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- .text-3xl {
- font-size: var(--text-3xl);
- line-height: var(--tw-leading, var(--text-3xl--line-height));
- }
- .text-4xl {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- .text-base {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- .text-lg {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- .text-sm {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- .text-xl {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- .text-xs {
- font-size: var(--text-xs);
- line-height: var(--tw-leading, var(--text-xs--line-height));
- }
- .text-\[10px\] {
- font-size: 10px;
- }
- .text-\[11px\] {
- font-size: 11px;
- }
- .leading-none {
- --tw-leading: 1;
- line-height: 1;
- }
- .leading-normal {
- --tw-leading: var(--leading-normal);
- line-height: var(--leading-normal);
- }
- .leading-relaxed {
- --tw-leading: var(--leading-relaxed);
- line-height: var(--leading-relaxed);
- }
- .leading-tight {
- --tw-leading: var(--leading-tight);
- line-height: var(--leading-tight);
- }
- .font-bold {
- --tw-font-weight: var(--font-weight-bold);
- font-weight: var(--font-weight-bold);
- }
- .font-light {
- --tw-font-weight: var(--font-weight-light);
- font-weight: var(--font-weight-light);
- }
- .font-medium {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- .font-normal {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- .font-semibold {
- --tw-font-weight: var(--font-weight-semibold);
- font-weight: var(--font-weight-semibold);
- }
- .tracking-widest {
- --tw-tracking: var(--tracking-widest);
- letter-spacing: var(--tracking-widest);
- }
- .text-balance {
- text-wrap: balance;
- }
- .break-words {
- overflow-wrap: break-word;
- }
- .break-all {
- word-break: break-all;
- }
- .whitespace-nowrap {
- white-space: nowrap;
- }
- .whitespace-pre {
- white-space: pre;
- }
- .whitespace-pre-line {
- white-space: pre-line;
- }
- .whitespace-pre-wrap {
- white-space: pre-wrap;
- }
- .text-\[\#00b300\] {
- color: #00b300;
- }
- .text-\[\#cc4b03\] {
- color: #cc4b03;
- }
- .text-\[\#d7040e\] {
- color: #d7040e;
- }
- .text-amber-500 {
- color: var(--color-amber-500);
- }
- .text-amber-600 {
- color: var(--color-amber-600);
- }
- .text-amber-700 {
- color: var(--color-amber-700);
- }
- .text-amber-800 {
- color: var(--color-amber-800);
- }
- .text-black {
- color: var(--color-black);
- }
- .text-blue-400 {
- color: var(--color-blue-400);
- }
- .text-blue-500 {
- color: var(--color-blue-500);
- }
- .text-blue-600 {
- color: var(--color-blue-600);
- }
- .text-blue-700 {
- color: var(--color-blue-700);
- }
- .text-blue-800 {
- color: var(--color-blue-800);
- }
- .text-gray-300 {
- color: var(--color-gray-300);
- }
- .text-gray-400 {
- color: var(--color-gray-400);
- }
- .text-gray-500 {
- color: var(--color-gray-500);
- }
- .text-gray-600 {
- color: var(--color-gray-600);
- }
- .text-gray-700 {
- color: var(--color-gray-700);
- }
- .text-gray-900 {
- color: var(--color-gray-900);
- }
- .text-green-500 {
- color: var(--color-green-500);
- }
- .text-green-600 {
- color: var(--color-green-600);
- }
- .text-green-700 {
- color: var(--color-green-700);
- }
- .text-green-800 {
- color: var(--color-green-800);
- }
- .text-inherit {
- color: inherit;
- }
- .text-orange-500 {
- color: var(--color-orange-500);
- }
- .text-orange-600 {
- color: var(--color-orange-600);
- }
- .text-orange-700 {
- color: var(--color-orange-700);
- }
- .text-orange-800 {
- color: var(--color-orange-800);
- }
- .text-purple-600 {
- color: var(--color-purple-600);
- }
- .text-purple-700 {
- color: var(--color-purple-700);
- }
- .text-red-400 {
- color: var(--color-red-400);
- }
- .text-red-500 {
- color: var(--color-red-500);
- }
- .text-red-600 {
- color: var(--color-red-600);
- }
- .text-red-700 {
- color: var(--color-red-700);
- }
- .text-red-800 {
- color: var(--color-red-800);
- }
- .text-sidebar-foreground {
- color: var(--sidebar-foreground);
- }
- .text-sidebar-foreground\/70 {
- color: var(--sidebar-foreground);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
- }
- }
- .text-slate-700 {
- color: var(--color-slate-700);
- }
- .text-text-accent {
- color: var(--text-accent);
- }
- .text-text-default {
- color: var(--text-default);
- }
- .text-text-default\/60 {
- color: var(--text-default);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-default) 60%, transparent);
- }
- }
- .text-text-default\/70 {
- color: var(--text-default);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-default) 70%, transparent);
- }
- }
- .text-text-info {
- color: var(--text-info);
- }
- .text-text-inverse {
- color: var(--text-inverse);
- }
- .text-text-inverse\/70 {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 70%, transparent);
- }
- }
- .text-text-inverse\/80 {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 80%, transparent);
- }
- }
- .text-text-muted {
- color: var(--text-muted);
- }
- .text-text-on-accent {
- color: var(--text-on-accent);
- }
- .text-text-warning {
- color: var(--text-warning);
- }
- .text-white {
- color: var(--color-white);
- }
- .text-white\/40 {
- color: color-mix(in srgb, #ffffff 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-white) 40%, transparent);
- }
- }
- .text-white\/60 {
- color: color-mix(in srgb, #ffffff 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-white) 60%, transparent);
- }
- }
- .text-yellow-500 {
- color: var(--color-yellow-500);
- }
- .text-yellow-600 {
- color: var(--color-yellow-600);
- }
- .text-yellow-700 {
- color: var(--color-yellow-700);
- }
- .capitalize {
- text-transform: capitalize;
- }
- .lowercase {
- text-transform: lowercase;
- }
- .uppercase {
- text-transform: uppercase;
- }
- .italic {
- font-style: italic;
- }
- .tabular-nums {
- --tw-numeric-spacing: tabular-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .underline {
- text-decoration-line: underline;
- }
- .underline-offset-4 {
- text-underline-offset: 4px;
- }
- .placeholder-text-muted {
- &::placeholder {
- color: var(--text-muted);
- }
- }
- .opacity-0 {
- opacity: 0%;
- }
- .opacity-25 {
- opacity: 25%;
- }
- .opacity-30 {
- opacity: 30%;
- }
- .opacity-40 {
- opacity: 40%;
- }
- .opacity-50 {
- opacity: 50%;
- }
- .opacity-60 {
- opacity: 60%;
- }
- .opacity-70 {
- opacity: 70%;
- }
- .opacity-75 {
- opacity: 75%;
- }
- .opacity-90 {
- opacity: 90%;
- }
- .opacity-100 {
- opacity: 100%;
- }
- .shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.2\)\] {
- --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .shadow-none {
- --tw-shadow: 0 0 #0000;
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .ring-0 {
- --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);
- }
- .ring-1 {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- .shadow-amber-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-black\/5 {
- --tw-shadow-color: color-mix(in srgb, #000000 5%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-blue-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-green-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-purple-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-red-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-slate-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .outline-hidden {
- --tw-outline-style: none;
- outline-style: none;
- @media (forced-colors: active) {
- outline: 2px solid transparent;
- outline-offset: 2px;
- }
- }
- .outline {
- outline-style: var(--tw-outline-style);
- outline-width: 1px;
- }
- .blur {
- --tw-blur: blur(8px);
- 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,);
- }
- .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,);
- }
- .backdrop-blur-lg {
- --tw-backdrop-blur: blur(var(--blur-lg));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-sm {
- --tw-backdrop-blur: blur(var(--blur-sm));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-xl {
- --tw-backdrop-blur: blur(var(--blur-xl));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .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));
- }
- .transition-\[margin\,opacity\] {
- transition-property: margin,opacity;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[margin-left\] {
- transition-property: margin-left;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[width\,height\,padding\] {
- transition-property: width,height,padding;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[width\] {
- transition-property: width;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-all {
- transition-property: all;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-colors {
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-opacity {
- transition-property: opacity;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-shadow {
- transition-property: box-shadow;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-transform {
- transition-property: transform, translate, scale, rotate;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .duration-75 {
- --tw-duration: 75ms;
- transition-duration: 75ms;
- }
- .duration-100 {
- --tw-duration: 100ms;
- transition-duration: 100ms;
- }
- .duration-150 {
- --tw-duration: 150ms;
- transition-duration: 150ms;
- }
- .duration-200 {
- --tw-duration: 200ms;
- transition-duration: 200ms;
- }
- .duration-300 {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- .duration-500 {
- --tw-duration: 500ms;
- transition-duration: 500ms;
- }
- .ease-in-out {
- --tw-ease: var(--ease-in-out);
- transition-timing-function: var(--ease-in-out);
- }
- .ease-linear {
- --tw-ease: linear;
- transition-timing-function: linear;
- }
- .ease-out {
- --tw-ease: var(--ease-out);
- transition-timing-function: var(--ease-out);
- }
- .will-change-\[width\] {
- will-change: width;
- }
- .will-change-transform {
- will-change: transform;
- }
- .fade-in-0 {
- --tw-enter-opacity: calc(0/100);
- --tw-enter-opacity: 0;
- }
- .outline-none {
- --tw-outline-style: none;
- outline-style: none;
- }
- .select-none {
- -webkit-user-select: none;
- user-select: none;
- }
- .zoom-in-95 {
- --tw-enter-scale: calc(95*1%);
- --tw-enter-scale: .95;
- }
- .\[direction\:rtl\] {
- direction: rtl;
- }
- .fade-in {
- --tw-enter-opacity: 0;
- }
- .paused {
- animation-play-state: paused;
- }
- .running {
- animation-play-state: running;
- }
- .group-focus-within\/menu-item\:opacity-100 {
- &:is(:where(.group\/menu-item):focus-within *) {
- opacity: 100%;
- }
- }
- .group-hover\:-translate-y-4 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-translate-y: calc(var(--spacing) * -4);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- }
- .group-hover\:translate-y-0 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-translate-y: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- }
- .group-hover\:border-border-default {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- border-color: var(--border-default);
- }
- }
- }
- .group-hover\:text-white {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-white);
- }
- }
- }
- .group-hover\:opacity-0 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 0%;
- }
- }
- }
- .group-hover\:opacity-60 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 60%;
- }
- }
- }
- .group-hover\:opacity-100 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\:drop-shadow-sm {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
- --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
- 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,);
- }
- }
- }
- .group-hover\/card\:opacity-40 {
- &:is(:where(.group\/card):hover *) {
- @media (hover: hover) {
- opacity: 40%;
- }
- }
- }
- .group-hover\/logo\:opacity-100 {
- &:is(:where(.group\/logo):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\/menu-item\:opacity-100 {
- &:is(:where(.group\/menu-item):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\/with-hover\:opacity-100 {
- &:is(:where(.group\/with-hover):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
- &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
- padding-right: calc(var(--spacing) * 8);
- }
- }
- .group-data-\[collapsible\=icon\]\:-mt-8 {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- margin-top: calc(var(--spacing) * -8);
- }
- }
- .group-data-\[collapsible\=icon\]\:hidden {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- display: none;
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: var(--sidebar-width-icon);
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
- }
- }
- .group-data-\[collapsible\=icon\]\:overflow-hidden {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- overflow: hidden;
- }
- }
- .group-data-\[collapsible\=icon\]\:p-0\! {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- padding: calc(var(--spacing) * 0) !important;
- }
- }
- .group-data-\[collapsible\=icon\]\:opacity-0 {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- opacity: 0%;
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:w-0 {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- width: calc(var(--spacing) * 0);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-\[-100\%\] {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: -100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-\[100\%\] {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: 100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[side\=left\]\:-right-4 {
- &:is(:where(.group)[data-side="left"] *) {
- right: calc(var(--spacing) * -4);
- }
- }
- .group-data-\[side\=left\]\:border-r {
- &:is(:where(.group)[data-side="left"] *) {
- border-right-style: var(--tw-border-style);
- border-right-width: 1px;
- }
- }
- .group-data-\[side\=right\]\:left-0 {
- &:is(:where(.group)[data-side="right"] *) {
- left: calc(var(--spacing) * 0);
- }
- }
- .group-data-\[side\=right\]\:rotate-180 {
- &:is(:where(.group)[data-side="right"] *) {
- rotate: 180deg;
- }
- }
- .group-data-\[side\=right\]\:border-l {
- &:is(:where(.group)[data-side="right"] *) {
- border-left-style: var(--tw-border-style);
- border-left-width: 1px;
- }
- }
- .group-data-\[variant\=floating\]\:rounded-2xl {
- &:is(:where(.group)[data-variant="floating"] *) {
- border-radius: var(--radius-2xl);
- }
- }
- .group-data-\[variant\=floating\]\:border {
- &:is(:where(.group)[data-variant="floating"] *) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .peer-checked\:border-\[6px\] {
- &:is(:where(.peer):checked ~ *) {
- border-style: var(--tw-border-style);
- border-width: 6px;
- }
- }
- .peer-checked\:border-black {
- &:is(:where(.peer):checked ~ *) {
- border-color: var(--color-black);
- }
- }
- .peer-checked\:bg-white {
- &:is(:where(.peer):checked ~ *) {
- background-color: var(--color-white);
- }
- }
- .peer-hover\/menu-button\:text-sidebar-accent-foreground {
- &:is(:where(.peer\/menu-button):hover ~ *) {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .peer-disabled\:cursor-not-allowed {
- &:is(:where(.peer):disabled ~ *) {
- cursor: not-allowed;
- }
- }
- .peer-disabled\:opacity-70 {
- &:is(:where(.peer):disabled ~ *) {
- opacity: 70%;
- }
- }
- .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
- &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
- color: var(--sidebar-accent-foreground);
- }
- }
- .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
- &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
- top: calc(var(--spacing) * 1.5);
- }
- }
- .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
- &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
- top: calc(var(--spacing) * 2.5);
- }
- }
- .peer-data-\[size\=sm\]\/menu-button\:top-1 {
- &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
- top: calc(var(--spacing) * 1);
- }
- }
- .file\:border-0 {
- &::file-selector-button {
- border-style: var(--tw-border-style);
- border-width: 0px;
- }
- }
- .file\:bg-transparent {
- &::file-selector-button {
- background-color: transparent;
- }
- }
- .file\:pt-1 {
- &::file-selector-button {
- padding-top: calc(var(--spacing) * 1);
- }
- }
- .file\:text-sm {
- &::file-selector-button {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .file\:font-medium {
- &::file-selector-button {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- }
- .placeholder\:font-light {
- &::placeholder {
- --tw-font-weight: var(--font-weight-light);
- font-weight: var(--font-weight-light);
- }
- }
- .placeholder\:text-text-inverse\/50 {
- &::placeholder {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 50%, transparent);
- }
- }
- }
- .placeholder\:text-text-muted {
- &::placeholder {
- color: var(--text-muted);
- }
- }
- .after\:absolute {
- &::after {
- content: var(--tw-content);
- position: absolute;
- }
- }
- .after\:-inset-2 {
- &::after {
- content: var(--tw-content);
- inset: calc(var(--spacing) * -2);
- }
- }
- .after\:inset-y-0 {
- &::after {
- content: var(--tw-content);
- inset-block: calc(var(--spacing) * 0);
- }
- }
- .after\:left-1\/2 {
- &::after {
- content: var(--tw-content);
- left: calc(1/2 * 100%);
- }
- }
- .after\:w-\[2px\] {
- &::after {
- content: var(--tw-content);
- width: 2px;
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- &::after {
- content: var(--tw-content);
- left: 100%;
- }
- }
- }
- .first\:rounded-t-md {
- &:first-child {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- }
- }
- .last\:rounded-b-md {
- &:last-child {
- border-bottom-right-radius: var(--radius-md);
- border-bottom-left-radius: var(--radius-md);
- }
- }
- .hover\:scale-100 {
- &:hover {
- @media (hover: hover) {
- --tw-scale-x: 100%;
- --tw-scale-y: 100%;
- --tw-scale-z: 100%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- }
- .hover\:scale-105 {
- &:hover {
- @media (hover: hover) {
- --tw-scale-x: 105%;
- --tw-scale-y: 105%;
- --tw-scale-z: 105%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- }
- .hover\:cursor-pointer {
- &:hover {
- @media (hover: hover) {
- cursor: pointer;
- }
- }
- }
- .hover\:border-border-default {
- &:hover {
- @media (hover: hover) {
- border-color: var(--border-default);
- }
- }
- }
- .hover\:border-border-strong {
- &:hover {
- @media (hover: hover) {
- border-color: var(--border-strong);
- }
- }
- }
- .hover\:border-text-muted {
- &:hover {
- @media (hover: hover) {
- border-color: var(--text-muted);
- }
- }
- }
- .hover\:\!bg-background-accent {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-accent) !important;
- }
- }
- }
- .hover\:\!bg-background-medium {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-medium) !important;
- }
- }
- }
- .hover\:\!bg-background-muted {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted) !important;
- }
- }
- }
- .hover\:bg-accent\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #32353b 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-amber-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-amber-600);
- }
- }
- }
- .hover\:bg-background-accent\/90 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-accent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-accent) 90%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-danger\/90 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 90%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-default {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-default);
- }
- }
- }
- .hover\:bg-background-default\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-default);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-default) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-medium\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-medium);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-medium) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-muted {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- }
- }
- }
- .hover\:bg-background-muted\/80 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-muted) 80%, transparent);
- }
- }
- }
- }
- .hover\:bg-blue-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-blue-50);
- }
- }
- }
- .hover\:bg-blue-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-blue-600);
- }
- }
- }
- .hover\:bg-gray-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-50);
- }
- }
- }
- .hover\:bg-gray-100 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-100);
- }
- }
- }
- .hover\:bg-gray-600\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-gray-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-700);
- }
- }
- }
- .hover\:bg-green-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-50);
- }
- }
- }
- .hover\:bg-green-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-600);
- }
- }
- }
- .hover\:bg-green-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-700);
- }
- }
- }
- .hover\:bg-orange-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-orange-50);
- }
- }
- }
- .hover\:bg-purple-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-purple-600);
- }
- }
- }
- .hover\:bg-red-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-red-50);
- }
- }
- }
- .hover\:bg-red-500\/10 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
- }
- }
- }
- }
- .hover\:bg-red-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-red-600);
- }
- }
- }
- .hover\:bg-red-900\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- }
- .hover\:bg-sidebar-accent {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- }
- }
- }
- .hover\:bg-sidebar-accent\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--sidebar-accent) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-slate-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-slate-600);
- }
- }
- }
- .hover\:bg-slate-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-slate-700);
- }
- }
- }
- .hover\:bg-transparent {
- &:hover {
- @media (hover: hover) {
- background-color: transparent;
- }
- }
- }
- .hover\:bg-white {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-white);
- }
- }
- }
- .hover\:bg-white\/10 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/15 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 15%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/25 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
- }
- }
- }
- }
- .hover\:bg-yellow-500\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
- }
- }
- }
- }
- .hover\:from-amber-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-amber-600);
- --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));
- }
- }
- }
- .hover\:from-blue-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-blue-600);
- --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));
- }
- }
- }
- .hover\:from-green-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-green-600);
- --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));
- }
- }
- }
- .hover\:from-purple-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-purple-600);
- --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));
- }
- }
- }
- .hover\:from-red-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-red-600);
- --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));
- }
- }
- }
- .hover\:from-slate-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-slate-600);
- --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));
- }
- }
- }
- .hover\:to-amber-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-amber-700);
- --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));
- }
- }
- }
- .hover\:to-blue-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-blue-700);
- --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));
- }
- }
- }
- .hover\:to-green-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-green-700);
- --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));
- }
- }
- }
- .hover\:to-purple-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-purple-700);
- --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));
- }
- }
- }
- .hover\:to-red-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-red-700);
- --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));
- }
- }
- }
- .hover\:to-slate-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-slate-700);
- --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));
- }
- }
- }
- .hover\:\!text-text-on-accent {
- &:hover {
- @media (hover: hover) {
- color: var(--text-on-accent) !important;
- }
- }
- }
- .hover\:text-amber-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-amber-800);
- }
- }
- }
- .hover\:text-blue-500 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-500);
- }
- }
- }
- .hover\:text-blue-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-600);
- }
- }
- }
- .hover\:text-blue-700 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-700);
- }
- }
- }
- .hover\:text-blue-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-800);
- }
- }
- }
- .hover\:text-gray-100 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-100);
- }
- }
- }
- .hover\:text-gray-900 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-900);
- }
- }
- }
- .hover\:text-green-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-600);
- }
- }
- }
- .hover\:text-green-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-800);
- }
- }
- }
- .hover\:text-purple-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-purple-800);
- }
- }
- }
- .hover\:text-red-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-600);
- }
- }
- }
- .hover\:text-red-700 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-700);
- }
- }
- }
- .hover\:text-red-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-800);
- }
- }
- }
- .hover\:text-sidebar-accent-foreground {
- &:hover {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .hover\:text-slate-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-slate-800);
- }
- }
- }
- .hover\:text-text-default {
- &:hover {
- @media (hover: hover) {
- color: var(--text-default);
- }
- }
- }
- .hover\:text-text-inverse {
- &:hover {
- @media (hover: hover) {
- color: var(--text-inverse);
- }
- }
- }
- .hover\:no-underline {
- &:hover {
- @media (hover: hover) {
- text-decoration-line: none;
- }
- }
- }
- .hover\:underline {
- &:hover {
- @media (hover: hover) {
- text-decoration-line: underline;
- }
- }
- }
- .hover\:opacity-60 {
- &:hover {
- @media (hover: hover) {
- opacity: 60%;
- }
- }
- }
- .hover\:opacity-70 {
- &:hover {
- @media (hover: hover) {
- opacity: 70%;
- }
- }
- }
- .hover\:opacity-80 {
- &:hover {
- @media (hover: hover) {
- opacity: 80%;
- }
- }
- }
- .hover\:opacity-90 {
- &:hover {
- @media (hover: hover) {
- opacity: 90%;
- }
- }
- }
- .hover\:opacity-100 {
- &:hover {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .hover\:shadow-default {
- &:hover {
- @media (hover: hover) {
- --tw-shadow: var(--shadow-default);
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- }
- }
- .hover\:shadow-amber-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-blue-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-green-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-purple-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-red-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-slate-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:duration-300 {
- &:hover {
- @media (hover: hover) {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- }
- }
- .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
- &:hover {
- @media (hover: hover) {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- background-color: var(--sidebar);
- }
- }
- }
- }
- .hover\:after\:bg-sidebar-border {
- &:hover {
- @media (hover: hover) {
- &::after {
- content: var(--tw-content);
- background-color: var(--sidebar-border);
- }
- }
- }
- }
- .focus\:border-blue-400 {
- &:focus {
- border-color: var(--color-blue-400);
- }
- }
- .focus\:border-blue-500 {
- &:focus {
- border-color: var(--color-blue-500);
- }
- }
- .focus\:border-border-strong {
- &:focus {
- border-color: var(--border-strong);
- }
- }
- .focus\:border-current\/50 {
- &:focus {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 50%, transparent);
- }
- }
- }
- .focus\:border-red-500 {
- &:focus {
- border-color: var(--color-red-500);
- }
- }
- .focus\:border-transparent {
- &:focus {
- border-color: transparent;
- }
- }
- .focus\:bg-background-muted {
- &:focus {
- background-color: var(--background-muted);
- }
- }
- .focus\:bg-white\/20 {
- &:focus {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- .focus\:text-text-muted {
- &:focus {
- color: var(--text-muted);
- }
- }
- .focus\:opacity-100 {
- &:focus {
- opacity: 100%;
- }
- }
- .focus\:ring-0 {
- &: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);
- }
- }
- .focus\:ring-1 {
- &:focus {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- }
- .focus\:ring-2 {
- &:focus {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
- }
- }
- .focus\:ring-blue-400 {
- &:focus {
- --tw-ring-color: var(--color-blue-400);
- }
- }
- .focus\:ring-blue-500 {
- &:focus {
- --tw-ring-color: var(--color-blue-500);
- }
- }
- .focus\:ring-blue-500\/20 {
- &:focus {
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
- }
- }
- }
- .focus\:ring-current\/20 {
- &:focus {
- --tw-ring-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, currentcolor 20%, transparent);
- }
- }
- }
- .focus\:ring-red-500 {
- &:focus {
- --tw-ring-color: var(--color-red-500);
- }
- }
- .focus\:ring-ring {
- &:focus {
- --tw-ring-color: var(--ring);
- }
- }
- .focus\:ring-offset-2 {
- &:focus {
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- }
- }
- .focus\:outline-hidden {
- &:focus {
- --tw-outline-style: none;
- outline-style: none;
- @media (forced-colors: active) {
- outline: 2px solid transparent;
- outline-offset: 2px;
- }
- }
- }
- .focus\:outline-none {
- &:focus {
- --tw-outline-style: none;
- outline-style: none;
- }
- }
- .focus-visible\:border-ring {
- &:focus-visible {
- border-color: var(--ring);
- }
- }
- .focus-visible\:ring-0 {
- &:focus-visible {
- --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);
- }
- }
- .focus-visible\:ring-2 {
- &:focus-visible {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
- }
- }
- .focus-visible\:ring-\[1px\] {
- &:focus-visible {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- }
- .focus-visible\:ring-ring {
- &:focus-visible {
- --tw-ring-color: var(--ring);
- }
- }
- .focus-visible\:ring-ring\/50 {
- &:focus-visible {
- --tw-ring-color: var(--ring);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
- }
- }
- }
- .focus-visible\:ring-offset-2 {
- &:focus-visible {
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- }
- }
- .focus-visible\:outline-none {
- &:focus-visible {
- --tw-outline-style: none;
- outline-style: none;
- }
- }
- .active\:scale-95 {
- &:active {
- --tw-scale-x: 95%;
- --tw-scale-y: 95%;
- --tw-scale-z: 95%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- .active\:cursor-grabbing {
- &:active {
- cursor: grabbing;
- }
- }
- .active\:border-border-strong {
- &:active {
- border-color: var(--border-strong);
- }
- }
- .active\:bg-sidebar-accent {
- &:active {
- background-color: var(--sidebar-accent);
- }
- }
- .active\:text-sidebar-accent-foreground {
- &:active {
- color: var(--sidebar-accent-foreground);
- }
- }
- .disabled\:pointer-events-none {
- &:disabled {
- pointer-events: none;
- }
- }
- .disabled\:cursor-not-allowed {
- &:disabled {
- cursor: not-allowed;
- }
- }
- .disabled\:bg-gray-400 {
- &:disabled {
- background-color: var(--color-gray-400);
- }
- }
- .disabled\:opacity-50 {
- &:disabled {
- opacity: 50%;
- }
- }
- .disabled\:hover\:bg-transparent {
- &:disabled {
- &:hover {
- @media (hover: hover) {
- background-color: transparent;
- }
- }
- }
- }
- .in-data-\[side\=left\]\:cursor-w-resize {
- :where(*[data-side="left"]) & {
- cursor: w-resize;
- }
- }
- .in-data-\[side\=right\]\:cursor-e-resize {
- :where(*[data-side="right"]) & {
- cursor: e-resize;
- }
- }
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
- &:has(*[data-slot="card-action"]) {
- grid-template-columns: 1fr auto;
- }
- }
- .has-data-\[variant\=inset\]\:bg-sidebar {
- &:has(*[data-variant="inset"]) {
- background-color: var(--sidebar);
- }
- }
- .has-\[\>svg\]\:px-2 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 2);
- }
- }
- .has-\[\>svg\]\:px-3 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 3);
- }
- }
- .has-\[\>svg\]\:px-4 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 4);
- }
- }
- .has-\[\>svg\]\:px-6 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
- .aria-disabled\:pointer-events-none {
- &[aria-disabled="true"] {
- pointer-events: none;
- }
- }
- .aria-disabled\:opacity-50 {
- &[aria-disabled="true"] {
- opacity: 50%;
- }
- }
- .data-\[active\=true\]\:bg-background-medium {
- &[data-active="true"] {
- background-color: var(--background-medium);
- }
- }
- .data-\[active\=true\]\:bg-sidebar-accent {
- &[data-active="true"] {
- background-color: var(--sidebar-accent);
- }
- }
- .data-\[active\=true\]\:data-\[active\=true\]\:text-sidebar-accent-foreground {
- &[data-active="true"] {
- &[data-active="true"] {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .data-\[active\=true\]\:text-sidebar-accent-foreground {
- &[data-active="true"] {
- color: var(--sidebar-accent-foreground);
- }
- }
- .data-\[disabled\]\:pointer-events-none {
- &[data-disabled] {
- pointer-events: none;
- }
- }
- .data-\[disabled\]\:opacity-50 {
- &[data-disabled] {
- opacity: 50%;
- }
- }
- .data-\[inset\]\:pl-8 {
- &[data-inset] {
- padding-left: calc(var(--spacing) * 8);
- }
- }
- .data-\[orientation\=horizontal\]\:h-px {
- &[data-orientation="horizontal"] {
- height: 1px;
- }
- }
- .data-\[orientation\=horizontal\]\:w-full {
- &[data-orientation="horizontal"] {
- width: 100%;
- }
- }
- .data-\[orientation\=vertical\]\:h-full {
- &[data-orientation="vertical"] {
- height: 100%;
- }
- }
- .data-\[orientation\=vertical\]\:w-px {
- &[data-orientation="vertical"] {
- width: 1px;
- }
- }
- .data-\[side\=bottom\]\:slide-in-from-top-2 {
- &[data-side="bottom"] {
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
- }
- }
- .data-\[side\=left\]\:slide-in-from-right-2 {
- &[data-side="left"] {
- --tw-enter-translate-x: calc(2*var(--spacing));
- }
- }
- .data-\[side\=right\]\:slide-in-from-left-2 {
- &[data-side="right"] {
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
- }
- }
- .data-\[side\=top\]\:slide-in-from-bottom-2 {
- &[data-side="top"] {
- --tw-enter-translate-y: calc(2*var(--spacing));
- }
- }
- .data-\[state\=active\]\:bg-background-muted {
- &[data-state="active"] {
- background-color: var(--background-muted);
- }
- }
- .data-\[state\=active\]\:text-text-default {
- &[data-state="active"] {
- color: var(--text-default);
- }
- }
- .data-\[state\=checked\]\:translate-x-3 {
- &[data-state="checked"] {
- --tw-translate-x: calc(var(--spacing) * 3);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .data-\[state\=checked\]\:bg-background-default {
- &[data-state="checked"] {
- background-color: var(--background-default);
- }
- }
- .data-\[state\=checked\]\:bg-slate-900 {
- &[data-state="checked"] {
- background-color: var(--color-slate-900);
- }
- }
- .data-\[state\=closed\]\:animate-out {
- &[data-state="closed"] {
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- }
- .data-\[state\=closed\]\:duration-300 {
- &[data-state="closed"] {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- }
- .data-\[state\=closed\]\:fade-out-0 {
- &[data-state="closed"] {
- --tw-exit-opacity: calc(0/100);
- --tw-exit-opacity: 0;
- }
- }
- .data-\[state\=closed\]\:zoom-out-95 {
- &[data-state="closed"] {
- --tw-exit-scale: calc(95*1%);
- --tw-exit-scale: .95;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-bottom {
- &[data-state="closed"] {
- --tw-exit-translate-y: 100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-left {
- &[data-state="closed"] {
- --tw-exit-translate-x: -100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-right {
- &[data-state="closed"] {
- --tw-exit-translate-x: 100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-top {
- &[data-state="closed"] {
- --tw-exit-translate-y: -100%;
- }
- }
- .data-\[state\=open\]\:animate-in {
- &[data-state="open"] {
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- }
- .data-\[state\=open\]\:bg-background-muted {
- &[data-state="open"] {
- background-color: var(--background-muted);
- }
- }
- .data-\[state\=open\]\:text-text-muted {
- &[data-state="open"] {
- color: var(--text-muted);
- }
- }
- .data-\[state\=open\]\:opacity-100 {
- &[data-state="open"] {
- opacity: 100%;
- }
- }
- .data-\[state\=open\]\:duration-500 {
- &[data-state="open"] {
- --tw-duration: 500ms;
- transition-duration: 500ms;
- }
- }
- .data-\[state\=open\]\:fade-in-0 {
- &[data-state="open"] {
- --tw-enter-opacity: calc(0/100);
- --tw-enter-opacity: 0;
- }
- }
- .data-\[state\=open\]\:zoom-in-95 {
- &[data-state="open"] {
- --tw-enter-scale: calc(95*1%);
- --tw-enter-scale: .95;
- }
- }
- .data-\[state\=open\]\:slide-in-from-bottom {
- &[data-state="open"] {
- --tw-enter-translate-y: 100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-left {
- &[data-state="open"] {
- --tw-enter-translate-x: -100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-right {
- &[data-state="open"] {
- --tw-enter-translate-x: 100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-top {
- &[data-state="open"] {
- --tw-enter-translate-y: -100%;
- }
- }
- .data-\[state\=open\]\:hover\:bg-sidebar-accent {
- &[data-state="open"] {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- }
- }
- }
- }
- .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
- &[data-state="open"] {
- &:hover {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- }
- .data-\[state\=unchecked\]\:translate-x-0 {
- &[data-state="unchecked"] {
- --tw-translate-x: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .data-\[state\=unchecked\]\:bg-slate-300 {
- &[data-state="unchecked"] {
- background-color: var(--color-slate-300);
- }
- }
- .data-\[variant\=destructive\]\:text-text-danger {
- &[data-variant="destructive"] {
- color: var(--text-danger);
- }
- }
- .data-\[variant\=destructive\]\:focus\:bg-background-danger\/10 {
- &[data-variant="destructive"] {
- &:focus {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 10%, transparent);
- }
- }
- }
- }
- .data-\[variant\=destructive\]\:focus\:text-text-danger {
- &[data-variant="destructive"] {
- &:focus {
- color: var(--text-danger);
- }
- }
- }
- .md\:mt-0 {
- @media (width >= 930px) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .md\:block {
- @media (width >= 930px) {
- display: block;
- }
- }
- .md\:flex {
- @media (width >= 930px) {
- display: flex;
- }
- }
- .md\:w-auto {
- @media (width >= 930px) {
- width: auto;
- }
- }
- .md\:max-w-\[200px\] {
- @media (width >= 930px) {
- max-width: 200px;
- }
- }
- .md\:grid-cols-2 {
- @media (width >= 930px) {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- }
- .md\:grid-cols-3 {
- @media (width >= 930px) {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- }
- .md\:flex-row {
- @media (width >= 930px) {
- flex-direction: row;
- }
- }
- .md\:items-center {
- @media (width >= 930px) {
- align-items: center;
- }
- }
- .md\:px-8 {
- @media (width >= 930px) {
- padding-inline: calc(var(--spacing) * 8);
- }
- }
- .md\:text-sm {
- @media (width >= 930px) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .md\:opacity-0 {
- @media (width >= 930px) {
- opacity: 0%;
- }
- }
- .md\:peer-data-\[collapsible\=offcanvas\]\:peer-data-\[state\=collapsed\]\:ml-0 {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-collapsible="offcanvas"] ~ *) {
- &:is(:where(.peer)[data-state="collapsed"] ~ *) {
- margin-left: calc(var(--spacing) * 0);
- }
- }
- }
- }
- .md\:peer-data-\[collapsible\=offcanvas\]\:peer-data-\[state\=expanded\]\:ml-\[var\(--sidebar-width\)\] {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-collapsible="offcanvas"] ~ *) {
- &:is(:where(.peer)[data-state="expanded"] ~ *) {
- margin-left: var(--sidebar-width);
- }
- }
- }
- }
- .md\:peer-data-\[variant\=inset\]\:ml-0 {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
- margin-left: calc(var(--spacing) * 0);
- }
- }
- }
- .md\:peer-data-\[variant\=inset\]\:rounded-xl {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
- border-radius: var(--radius-xl);
- }
- }
- }
- .md\:after\:hidden {
- @media (width >= 930px) {
- &::after {
- content: var(--tw-content);
- display: none;
- }
- }
- }
- .sm\:-top-3 {
- @media (width >= 40rem) {
- top: calc(var(--spacing) * -3);
- }
- }
- .sm\:-right-3 {
- @media (width >= 40rem) {
- right: calc(var(--spacing) * -3);
- }
- }
- .sm\:mt-6 {
- @media (width >= 40rem) {
- margin-top: calc(var(--spacing) * 6);
- }
- }
- .sm\:mb-12 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 12);
- }
- }
- .sm\:flex {
- @media (width >= 40rem) {
- display: flex;
- }
- }
- .sm\:size-8 {
- @media (width >= 40rem) {
- width: calc(var(--spacing) * 8);
- height: calc(var(--spacing) * 8);
- }
- }
- .sm\:h-5 {
- @media (width >= 40rem) {
- height: calc(var(--spacing) * 5);
- }
- }
- .sm\:w-5 {
- @media (width >= 40rem) {
- width: calc(var(--spacing) * 5);
- }
- }
- .sm\:max-w-2xl {
- @media (width >= 40rem) {
- max-width: var(--container-2xl);
- }
- }
- .sm\:max-w-\[80vw\] {
- @media (width >= 40rem) {
- max-width: 80vw;
- }
- }
- .sm\:max-w-\[400px\] {
- @media (width >= 40rem) {
- max-width: 400px;
- }
- }
- .sm\:max-w-\[425px\] {
- @media (width >= 40rem) {
- max-width: 425px;
- }
- }
- .sm\:max-w-\[500px\] {
- @media (width >= 40rem) {
- max-width: 500px;
- }
- }
- .sm\:max-w-\[600px\] {
- @media (width >= 40rem) {
- max-width: 600px;
- }
- }
- .sm\:max-w-\[800px\] {
- @media (width >= 40rem) {
- max-width: 800px;
- }
- }
- .sm\:max-w-lg {
- @media (width >= 40rem) {
- max-width: var(--container-lg);
- }
- }
- .sm\:max-w-md {
- @media (width >= 40rem) {
- max-width: var(--container-md);
- }
- }
- .sm\:max-w-sm {
- @media (width >= 40rem) {
- max-width: var(--container-sm);
- }
- }
- .sm\:grid-cols-2 {
- @media (width >= 40rem) {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- }
- .sm\:flex-row {
- @media (width >= 40rem) {
- flex-direction: row;
- }
- }
- .sm\:items-center {
- @media (width >= 40rem) {
- align-items: center;
- }
- }
- .sm\:justify-end {
- @media (width >= 40rem) {
- justify-content: flex-end;
- }
- }
- .sm\:gap-0 {
- @media (width >= 40rem) {
- gap: calc(var(--spacing) * 0);
- }
- }
- .sm\:gap-2 {
- @media (width >= 40rem) {
- gap: calc(var(--spacing) * 2);
- }
- }
- .sm\:space-y-4 {
- @media (width >= 40rem) {
- :where(& > :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)));
- }
- }
- }
- .sm\:p-4 {
- @media (width >= 40rem) {
- padding: calc(var(--spacing) * 4);
- }
- }
- .sm\:p-6 {
- @media (width >= 40rem) {
- padding: calc(var(--spacing) * 6);
- }
- }
- .sm\:px-6 {
- @media (width >= 40rem) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
- .sm\:text-left {
- @media (width >= 40rem) {
- text-align: left;
- }
- }
- .sm\:text-4xl {
- @media (width >= 40rem) {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- }
- .sm\:text-base {
- @media (width >= 40rem) {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- }
- .sm\:text-lg {
- @media (width >= 40rem) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .sm\:text-sm {
- @media (width >= 40rem) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .lg\:max-w-\[360px\] {
- @media (width >= 64rem) {
- max-width: 360px;
- }
- }
- .lg\:max-w-\[380px\] {
- @media (width >= 64rem) {
- max-width: 380px;
- }
- }
- .lg\:grid-cols-3 {
- @media (width >= 64rem) {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- }
- .xl\:grid-cols-4 {
- @media (width >= 80rem) {
- grid-template-columns: repeat(4, minmax(0, 1fr));
- }
- }
- .\32 xl\:grid-cols-5 {
- @media (width >= 96rem) {
- grid-template-columns: repeat(5, minmax(0, 1fr));
- }
- }
- .dark\:border-amber-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-amber-800);
- }
- }
- .dark\:border-amber-800\/30 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
- }
- }
- }
- .dark\:border-amber-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
- }
- }
- }
- .dark\:border-blue-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-blue-600);
- }
- }
- .dark\:border-blue-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-blue-800);
- }
- }
- .dark\:border-blue-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
- }
- }
- }
- .dark\:border-gray-500 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-500);
- }
- }
- .dark\:border-gray-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-600);
- }
- }
- .dark\:border-gray-700 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-700);
- }
- }
- .dark\:border-green-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-green-600);
- }
- }
- .dark\:border-green-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-green-800);
- }
- }
- .dark\:border-orange-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-orange-600);
- }
- }
- .dark\:border-orange-800\/30 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-orange-800) 30%, transparent);
- }
- }
- }
- .dark\:border-orange-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
- }
- }
- }
- .dark\:border-red-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-red-600);
- }
- }
- .dark\:border-red-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-red-800);
- }
- }
- .dark\:border-red-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
- }
- }
- }
- .dark\:border-white\/10 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- .dark\:border-yellow-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-yellow-800);
- }
- }
- .dark\:bg-amber-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-amber-950 {
- &:where(.dark, .dark *) {
- background-color: var(--color-amber-950);
- }
- }
- .dark\:bg-amber-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-background-danger\/60 {
- &:where(.dark, .dark *) {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 60%, transparent);
- }
- }
- }
- .dark\:bg-black\/10 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #000000 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
- }
- }
- }
- .dark\:bg-black\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- }
- .dark\:bg-blue-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-blue-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-gray-600 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-600);
- }
- }
- .dark\:bg-gray-700 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-700);
- }
- }
- .dark\:bg-gray-800 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-800);
- }
- }
- .dark\:bg-gray-900 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-900);
- }
- }
- .dark\:bg-green-400 {
- &:where(.dark, .dark *) {
- background-color: var(--color-green-400);
- }
- }
- .dark\:bg-green-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-green-900\/30 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
- }
- }
- }
- .dark\:bg-green-950\/50 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
- }
- }
- }
- .dark\:bg-orange-900\/30 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
- }
- }
- }
- .dark\:bg-orange-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-red-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-red-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-white {
- &:where(.dark, .dark *) {
- background-color: var(--color-white);
- }
- }
- .dark\:bg-white\/10 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- .dark\:bg-white\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- .dark\:bg-yellow-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
- }
- }
- }
- .dark\:text-amber-200 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-200);
- }
- }
- .dark\:text-amber-300 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-300);
- }
- }
- .dark\:text-amber-400 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-400);
- }
- }
- .dark\:text-amber-500 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-500);
- }
- }
- .dark\:text-black {
- &:where(.dark, .dark *) {
- color: var(--color-black);
- }
- }
- .dark\:text-black\/40 {
- &:where(.dark, .dark *) {
- color: color-mix(in srgb, #000000 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-black) 40%, transparent);
- }
- }
- }
- .dark\:text-black\/60 {
- &:where(.dark, .dark *) {
- color: color-mix(in srgb, #000000 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-black) 60%, transparent);
- }
- }
- }
- .dark\:text-blue-200 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-200);
- }
- }
- .dark\:text-blue-300 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-300);
- }
- }
- .dark\:text-blue-400 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-400);
- }
- }
- .dark\:text-gray-100 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-100);
- }
- }
- .dark\:text-gray-300 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-300);
- }
- }
- .dark\:text-gray-400 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-400);
- }
- }
- .dark\:text-green-200 {
- &:where(.dark, .dark *) {
- color: var(--color-green-200);
- }
- }
- .dark\:text-green-300 {
- &:where(.dark, .dark *) {
- color: var(--color-green-300);
- }
- }
- .dark\:text-green-400 {
- &:where(.dark, .dark *) {
- color: var(--color-green-400);
- }
- }
- .dark\:text-green-500 {
- &:where(.dark, .dark *) {
- color: var(--color-green-500);
- }
- }
- .dark\:text-orange-200 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-200);
- }
- }
- .dark\:text-orange-300 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-300);
- }
- }
- .dark\:text-orange-400 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-400);
- }
- }
- .dark\:text-purple-300 {
- &:where(.dark, .dark *) {
- color: var(--color-purple-300);
- }
- }
- .dark\:text-purple-400 {
- &:where(.dark, .dark *) {
- color: var(--color-purple-400);
- }
- }
- .dark\:text-red-200 {
- &:where(.dark, .dark *) {
- color: var(--color-red-200);
- }
- }
- .dark\:text-red-300 {
- &:where(.dark, .dark *) {
- color: var(--color-red-300);
- }
- }
- .dark\:text-red-400 {
- &:where(.dark, .dark *) {
- color: var(--color-red-400);
- }
- }
- .dark\:text-slate-300 {
- &:where(.dark, .dark *) {
- color: var(--color-slate-300);
- }
- }
- .dark\:text-white {
- &:where(.dark, .dark *) {
- color: var(--color-white);
- }
- }
- .dark\:text-yellow-300 {
- &:where(.dark, .dark *) {
- color: var(--color-yellow-300);
- }
- }
- .dark\:text-yellow-400 {
- &:where(.dark, .dark *) {
- color: var(--color-yellow-400);
- }
- }
- .dark\:shadow-black\/20 {
- &:where(.dark, .dark *) {
- --tw-shadow-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- .dark\:prose-invert {
- &:where(.dark, .dark *) {
- --tw-prose-body: var(--tw-prose-invert-body);
- --tw-prose-headings: var(--tw-prose-invert-headings);
- --tw-prose-lead: var(--tw-prose-invert-lead);
- --tw-prose-links: var(--tw-prose-invert-links);
- --tw-prose-bold: var(--tw-prose-invert-bold);
- --tw-prose-counters: var(--tw-prose-invert-counters);
- --tw-prose-bullets: var(--tw-prose-invert-bullets);
- --tw-prose-hr: var(--tw-prose-invert-hr);
- --tw-prose-quotes: var(--tw-prose-invert-quotes);
- --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
- --tw-prose-captions: var(--tw-prose-invert-captions);
- --tw-prose-kbd: var(--tw-prose-invert-kbd);
- --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
- --tw-prose-code: var(--tw-prose-invert-code);
- --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
- --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
- --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
- --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
- }
- }
- .dark\:peer-checked\:border-white {
- &:where(.dark, .dark *) {
- &:is(:where(.peer):checked ~ *) {
- border-color: var(--color-white);
- }
- }
- }
- .dark\:peer-checked\:bg-black {
- &:where(.dark, .dark *) {
- &:is(:where(.peer):checked ~ *) {
- background-color: var(--color-black);
- }
- }
- }
- .dark\:hover\:bg-background-muted\/50 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-muted) 50%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-black\/15 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #000000 15%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-black\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-blue-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-gray-700 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-700);
- }
- }
- }
- }
- .dark\:hover\:bg-gray-800 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-800);
- }
- }
- }
- }
- .dark\:hover\:bg-green-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-orange-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-red-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-white\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:text-amber-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-amber-200);
- }
- }
- }
- }
- .dark\:hover\:text-blue-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-200);
- }
- }
- }
- }
- .dark\:hover\:text-green-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-200);
- }
- }
- }
- }
- .dark\:hover\:text-purple-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-purple-200);
- }
- }
- }
- }
- .dark\:hover\:text-red-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-200);
- }
- }
- }
- }
- .dark\:hover\:text-slate-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-slate-200);
- }
- }
- }
- }
- .dark\:hover\:text-white {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-white);
- }
- }
- }
- }
- .dark\:data-\[state\=checked\]\:bg-black {
- &:where(.dark, .dark *) {
- &[data-state="checked"] {
- background-color: var(--color-black);
- }
- }
- }
- .dark\:data-\[state\=checked\]\:bg-white {
- &:where(.dark, .dark *) {
- &[data-state="checked"] {
- background-color: var(--color-white);
- }
- }
- }
- .dark\:data-\[state\=unchecked\]\:bg-slate-600 {
- &:where(.dark, .dark *) {
- &[data-state="unchecked"] {
- background-color: var(--color-slate-600);
- }
- }
- }
- .dark\:data-\[state\=unchecked\]\:bg-white {
- &:where(.dark, .dark *) {
- &[data-state="unchecked"] {
- background-color: var(--color-white);
- }
- }
- }
- .dark\:data-\[variant\=destructive\]\:focus\:bg-background-danger\/20 {
- &:where(.dark, .dark *) {
- &[data-variant="destructive"] {
- &:focus {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 20%, transparent);
- }
- }
- }
- }
- }
- .prose-headings\:text-text-on-accent {
- & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-h1\:mt-0 {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-h1\:mb-5 {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 5);
- }
- }
- .prose-h1\:font-sans {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h1\:text-2xl {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- }
- .prose-h1\:font-normal {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-h2\:mt-4 {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 4);
- }
- }
- .prose-h2\:mb-4 {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 4);
- }
- }
- .prose-h2\:font-sans {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h2\:text-xl {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- }
- .prose-h2\:font-normal {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-h3\:mt-3 {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 3);
- }
- }
- .prose-h3\:mb-3 {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 3);
- }
- }
- .prose-h3\:font-sans {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h3\:text-lg {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .prose-h3\:font-normal {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-p\:mt-0 {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-p\:mb-2 {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 2);
- }
- }
- .prose-p\:font-sans {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-a\:break-all {
- & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- word-break: break-all;
- }
- }
- .prose-a\:text-text-on-accent {
- & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-blockquote\:text-inherit {
- & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: inherit;
- }
- }
- .prose-strong\:text-text-on-accent {
- & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-em\:text-text-on-accent {
- & :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-code\:font-mono {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: monospace;
- }
- }
- .prose-code\:break-all {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- word-break: break-all;
- }
- }
- .prose-code\:whitespace-pre-wrap {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- white-space: pre-wrap;
- }
- }
- .prose-pre\:m-0 {
- & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin: calc(var(--spacing) * 0);
- }
- }
- .prose-pre\:p-0 {
- & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 0);
- }
- }
- .prose-ol\:my-2 {
- & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-block: calc(var(--spacing) * 2);
- }
- }
- .prose-ol\:font-sans {
- & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-ul\:mt-0 {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-ul\:mb-3 {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 3);
- }
- }
- .prose-ul\:font-sans {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-li\:m-0 {
- & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin: calc(var(--spacing) * 0);
- }
- }
- .prose-li\:font-sans {
- & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-table\:table {
- & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- display: table;
- }
- }
- .prose-table\:w-full {
- & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- width: 100%;
- }
- }
- .prose-thead\:bg-background-default {
- & :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- background-color: var(--background-default);
- }
- }
- .prose-th\:border {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .prose-th\:border-border-default {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-color: var(--border-default);
- }
- }
- .prose-th\:p-2 {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 2);
- }
- }
- .prose-td\:border {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .prose-td\:border-border-default {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-color: var(--border-default);
- }
- }
- .prose-td\:p-2 {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 2);
- }
- }
- .\[\&_\*\]\:z-20 {
- & * {
- z-index: 20;
- }
- }
- .\[\&_svg\]\:pointer-events-none {
- & svg {
- pointer-events: none;
- }
- }
- .\[\&_svg\]\:size-4 {
- & svg {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&_svg\]\:shrink-0 {
- & svg {
- flex-shrink: 0;
- }
- }
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
- & svg:not([class*='size-']) {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-muted {
- & svg:not([class*='text-']) {
- color: var(--text-muted);
- }
- }
- .\[\.border-b\]\:pb-6 {
- &:is(.border-b) {
- padding-bottom: calc(var(--spacing) * 6);
- }
- }
- .\[\.border-t\]\:pt-6 {
- &:is(.border-t) {
- padding-top: calc(var(--spacing) * 6);
- }
- }
- .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-text-danger {
- &[data-variant="destructive"] {
- :is(& > *) {
- &:is(svg) {
- color: var(--text-danger) !important;
- }
- }
- }
- }
- .\[\&\>button\]\:hidden {
- &>button {
- display: none;
- }
- }
- .\[\&\>div\]\:\!block {
- &>div {
- display: block !important;
- }
- }
- .\[\&\>span\:last-child\]\:truncate {
- &>span:last-child {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
- .\[\&\>svg\]\:\!size-4 {
- &>svg {
- width: calc(var(--spacing) * 4) !important;
- height: calc(var(--spacing) * 4) !important;
- }
- }
- .\[\&\>svg\]\:size-4 {
- &>svg {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&\>svg\]\:shrink-0 {
- &>svg {
- flex-shrink: 0;
- }
- }
- .\[\&\>svg\]\:text-sidebar-accent-foreground {
- &>svg {
- color: var(--sidebar-accent-foreground);
- }
- }
- .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
- [data-side=left][data-collapsible=offcanvas] & {
- right: calc(var(--spacing) * -2);
- }
- }
- .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
- [data-side=left][data-state=collapsed] & {
- cursor: e-resize;
- }
- }
- .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
- [data-side=right][data-collapsible=offcanvas] & {
- left: calc(var(--spacing) * -2);
- }
- }
- .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
- [data-side=right][data-state=collapsed] & {
- cursor: w-resize;
- }
- }
-}
-@property --tw-animation-delay {
- syntax: "*";
- inherits: false;
- initial-value: 0s;
-}
-@property --tw-animation-direction {
- syntax: "*";
- inherits: false;
- initial-value: normal;
-}
-@property --tw-animation-duration {
- syntax: "*";
- inherits: false;
-}
-@property --tw-animation-fill-mode {
- syntax: "*";
- inherits: false;
- initial-value: none;
-}
-@property --tw-animation-iteration-count {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-blur {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-opacity {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-rotate {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-scale {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-blur {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-opacity {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-exit-rotate {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-scale {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-exit-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-:root {
- --font-sans: 'Cash Sans', sans-serif;
- --font-mono: monospace;
- --background-accent: var(--color-accent);
- --border-accent: var(--color-accent);
- --text-accent: var(--color-accent);
- --text-on-accent: var(--color-white);
- --background-app: var(--color-white);
- --background-default: var(--color-white);
- --background-card: var(--color-white);
- --background-muted: var(--color-neutral-50);
- --background-medium: var(--color-neutral-100);
- --background-strong: var(--color-neutral-300);
- --background-inverse: var(--color-black);
- --background-danger: var(--color-red-200);
- --background-success: var(--color-green-200);
- --background-info: var(--color-blue-200);
- --background-warning: var(--color-yellow-200);
- --border-default: var(--color-neutral-100);
- --border-input: var(--color-neutral-100);
- --border-strong: var(--color-neutral-100);
- --border-danger: var(--color-red-200);
- --border-success: var(--color-green-200);
- --border-warning: var(--color-yellow-200);
- --border-info: var(--color-blue-200);
- --text-default: var(--color-neutral-800);
- --text-muted: var(--color-neutral-400);
- --text-inverse: var(--color-white);
- --text-danger: var(--color-red-200);
- --text-success: var(--color-green-200);
- --text-warning: var(--color-yellow-200);
- --text-info: var(--color-blue-200);
- --ring: var(--border-strong);
- --sidebar: var(--background-muted);
- --sidebar-foreground: var(--text-default);
- --sidebar-primary: var(--background-accent);
- --sidebar-primary-foreground: var(--text-inverse);
- --sidebar-accent: var(--background-muted);
- --sidebar-accent-foreground: var(--text-default);
- --sidebar-border: var(--border-default);
- --sidebar-ring: var(--border-default);
- --shadow-default: 0px 12px 32px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.02),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
-}
-.dark {
- --background-accent: var(--color-white);
- --border-accent: var(--color-white);
- --text-accent: var(--color-white);
- --text-on-accent: var(--color-black);
- --background-app: var(--color-neutral-950);
- --background-default: var(--color-neutral-950);
- --background-card: var(--color-neutral-950);
- --background-muted: var(--color-neutral-800);
- --background-medium: var(--color-neutral-700);
- --background-strong: var(--color-neutral-600);
- --background-inverse: var(--color-neutral-200);
- --background-danger: var(--color-red-100);
- --background-success: var(--color-green-100);
- --background-info: var(--color-blue-100);
- --background-warning: var(--color-yellow-100);
- --border-default: var(--color-neutral-800);
- --border-input: var(--color-neutral-700);
- --border-strong: var(--color-neutral-600);
- --border-danger: var(--color-red-100);
- --border-success: var(--color-green-100);
- --border-warning: var(--color-yellow-100);
- --border-info: var(--color-blue-100);
- --text-default: var(--color-white);
- --text-muted: var(--color-neutral-400);
- --text-inverse: var(--color-black);
- --text-danger: var(--color-red-100);
- --text-success: var(--color-green-100);
- --text-warning: var(--color-yellow-100);
- --text-info: var(--color-blue-100);
- --ring: var(--border-strong);
- --sidebar: var(--background-muted);
- --sidebar-foreground: var(--text-default);
- --sidebar-primary: var(--background-accent);
- --sidebar-primary-foreground: var(--text-inverse);
- --sidebar-accent: var(--background-muted);
- --sidebar-accent-foreground: var(--text-default);
- --sidebar-border: var(--border-default);
- --sidebar-ring: var(--border-default);
- --shadow-default: 0px 12px 32px 0px rgba(0, 0, 0, 0.2), 0px 8px 16px 0px rgba(0, 0, 0, 0.15),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
-}
-@layer base {
- * {
- border-color: var(--border-default);
- }
- body {
- color: var(--text-default);
- }
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Light.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Light.woff) format('woff');
- font-weight: 300;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Regular.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Regular.woff) format('woff');
- font-weight: 400;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Medium.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Medium.woff) format('woff');
- font-weight: 500;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Bold.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Bold.woff) format('woff');
- font-weight: 700;
- font-style: normal;
-}
-@keyframes appear {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes fade-slide-up {
- from {
- opacity: 0;
- transform: translateY(20px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-@keyframes sidebar-item-in {
- from {
- opacity: 0;
- transform: translateX(20px);
- }
- to {
- opacity: 1;
- transform: translateX(0);
- }
-}
-@keyframes wind {
- 0% {
- transform: translate(0, 0);
- }
- 99.99% {
- transform: translate(-100%, 100%);
- }
- 100% {
- transform: translate(0, 0);
- }
-}
-.sidebar-item {
- opacity: 0;
- transform: translateX(20px);
- animation: sidebar-item-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
- will-change: transform, opacity;
-}
-.sidebar-item:nth-child(1) {
- animation-delay: 0.05s;
-}
-.sidebar-item:nth-child(2) {
- animation-delay: 0.2s;
-}
-.sidebar-item:nth-child(3) {
- animation-delay: 0.4s;
-}
-.sidebar-item:nth-child(4) {
- animation-delay: 0.45s;
-}
-.sidebar-item:nth-child(5) {
- animation-delay: 0.5s;
-}
-.sidebar-item:nth-child(6) {
- animation-delay: 0.25s;
-}
-.sidebar-item:nth-child(7) {
- animation-delay: 0.5s;
-}
-.sidebar-item {
- animation-fill-mode: forwards;
-}
-@media (prefers-reduced-motion: reduce) {
- .sidebar-item {
- animation: none;
- opacity: 1;
- transform: none;
- }
-}
-@media (prefers-reduced-motion: reduce) {
- *:not(.Toastify *), *:not(.Toastify *)::before, *:not(.Toastify *)::after {
- animation-duration: 0.01ms !important;
- animation-iteration-count: 1 !important;
- transition-duration: 0.01ms !important;
- scroll-behavior: auto !important;
- }
- .animate-shimmer, .animate-spin, .animate-pulse, .animate-bounce, [class*='animate-']:not(.Toastify *) {
- animation: none !important;
- }
- .page-transition {
- animation: none !important;
- opacity: 1 !important;
- }
- .goose-icon-entrance {
- animation: none !important;
- opacity: 1 !important;
- transform: none !important;
- }
- [class*='animate-[wind'] {
- animation: none !important;
- }
-}
-.Toastify__close-button {
- color: var(--text-prominent-inverse) !important;
- opacity: 0.7;
- align-self: center;
- margin-top: 0;
- margin-right: 8px;
- padding: 4px;
- border-radius: 4px;
- transition: opacity 0.2s ease, background-color 0.2s ease;
-}
-.Toastify__close-button:hover {
- opacity: 1;
- background-color: rgba(255, 255, 255, 0.1);
-}
-.Toastify__close-button:focus {
- outline: 2px solid var(--color-block-teal);
- outline-offset: 2px;
-}
-.Toastify__toast--success .Toastify__close-button, .Toastify__toast--error .Toastify__close-button, .Toastify__toast--info .Toastify__close-button, .Toastify__toast--warning .Toastify__close-button, .Toastify__toast--default .Toastify__close-button {
- color: var(--text-prominent-inverse) !important;
-}
-.animate-fade-slide-up {
- animation: fade-slide-up 0.15s ease-out forwards;
-}
-[data-radix-scroll-area-viewport] {
- scrollbar-width: auto !important;
- -ms-overflow-style: auto !important;
-}
-[data-radix-scroll-area-viewport] > div {
- display: block !important;
-}
-* {
- scrollbar-width: auto;
- scrollbar-color: var(--color-neutral-200) transparent;
-}
-.dark * {
- scrollbar-color: var(--color-neutral-400) transparent;
-}
-::-webkit-scrollbar {
- -webkit-appearance: none;
- width: 12px;
- height: 12px;
- background-color: transparent;
-}
-::-webkit-scrollbar-track {
- background: transparent;
- border-radius: 0;
-}
-::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-200);
- border: 3px solid transparent;
- border-radius: 8px;
- background-clip: padding-box;
- min-height: 40px;
-}
-.dark ::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-400);
-}
-::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-300);
- border: 2px solid transparent;
-}
-.dark ::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-500);
-}
-::-webkit-scrollbar-thumb:active {
- background-color: var(--color-neutral-400);
- border: 2px solid transparent;
-}
-.dark ::-webkit-scrollbar-thumb:active {
- background-color: var(--color-neutral-500);
-}
-::-webkit-scrollbar-track {
- background: transparent;
- border-radius: 4px;
-}
-::-webkit-scrollbar-thumb {
- background: var(--color-neutral-200);
- border-radius: 4px;
-}
-.dark ::-webkit-scrollbar-thumb {
- background: var(--color-neutral-400);
-}
-::-webkit-scrollbar-thumb:hover {
- background: var(--color-neutral-300);
-}
-.dark ::-webkit-scrollbar-thumb:hover {
- background: var(--color-neutral-500);
-}
-body {
- background-color: var(--background-app);
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
-}
-.word-break {
- overflow-wrap: break-word;
- word-wrap: break-word;
- word-break: break-word;
-}
-.titlebar-drag-region {
- -webkit-app-region: drag;
- height: 32px;
- width: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 50;
-}
-.no-drag {
- -webkit-app-region: no-drag;
-}
-.bg-inline-code {
- border-radius: 4px;
- color: var(--color-neutral-200);
- font-family: monospace;
- font-size: 12px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
-}
-.bg-inline-code:before {
- content: '';
-}
-pre:has(> code.bg-inline-code) {
- padding: 1em;
-}
-li > code.bg-inline-code, p > code.bg-inline-code {
- color: var(--color-block-orange);
- padding: 2px 4px;
-}
-.bg-inline-code:after {
- content: '';
-}
-.user-message p {
- margin-bottom: 0 !important;
-}
-.scrollbar-thin {
- scrollbar-width: thin;
-}
-.assistant:has(+ .user):not(.in-chain) .goose-message {
- padding-bottom: 24px;
-}
-.sidebar-scrollbar {
- scrollbar-gutter: stable;
- scrollbar-width: thin;
- scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-}
-.dark .sidebar-scrollbar {
- scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
-}
-.sidebar-scrollbar::-webkit-scrollbar {
- width: 6px;
- position: absolute;
- right: 0;
-}
-.sidebar-scrollbar::-webkit-scrollbar-track {
- background: transparent;
- margin: 8px 0;
-}
-.sidebar-scrollbar::-webkit-scrollbar-thumb {
- background-color: rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- border: none;
-}
-.dark .sidebar-scrollbar::-webkit-scrollbar-thumb {
- background-color: rgba(255, 255, 255, 0.2);
-}
-.sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
- background-color: rgba(0, 0, 0, 0.3);
-}
-.dark .sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
- background-color: rgba(255, 255, 255, 0.3);
-}
-.virtualized-list {
- scrollbar-width: thin;
- scrollbar-color: var(--color-neutral-300) transparent;
-}
-.virtualized-list::-webkit-scrollbar {
- width: 8px;
-}
-.virtualized-list::-webkit-scrollbar-track {
- background: transparent;
-}
-.virtualized-list::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-300);
- border-radius: 4px;
-}
-.dark .virtualized-list::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-400);
-}
-.virtualized-list::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-400);
-}
-.dark .virtualized-list::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-300);
-}
-.virtualized-list > div {
- outline: none;
-}
-.virtualized-list * {
- contain: layout style paint;
-}
-@keyframes goose-icon-entrance {
- from {
- opacity: 0;
- transform: scale(0.25) translate(-5px, 5px) rotate(-20deg);
- }
- to {
- opacity: 1;
- transform: scale(1) translate(0, 0) rotate(0deg);
- }
-}
-.goose-icon-animation {
- animation: goose-icon-entrance 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
- transform-origin: bottom left;
-}
-.session-skeleton {
- contain: layout style paint;
- min-height: 140px;
-}
-[data-slot='sidebar-menu-button'] {
- pointer-events: auto !important;
- touch-action: manipulation;
-}
-.sidebar-item button, .sidebar-item a, [data-slot='sidebar-menu-button'] {
- pointer-events: auto !important;
- will-change: auto;
-}
-.sidebar-item, .sidebar-item * {
- pointer-events: auto !important;
-}
-.route-container {
- transform: translateZ(0);
- backface-visibility: hidden;
- contain: layout style paint;
-}
-@keyframes page-fade-in {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-.page-transition {
- opacity: 0;
- animation: page-fade-in 0.08s ease-out forwards;
- pointer-events: auto;
-}
-[data-slot='sidebar-container'] {
- transform: translateZ(0);
- backface-visibility: hidden;
- will-change: transform;
-}
-[data-slot='sidebar-gap'] {
- will-change: width;
-}
-[data-state='expanded'] [data-slot='sidebar-container'], [data-state='collapsed'] [data-slot='sidebar-container'] {
- will-change: auto;
-}
-[data-state='expanded'] [data-slot='sidebar-gap'], [data-state='collapsed'] [data-slot='sidebar-gap'] {
- will-change: auto;
-}
-[data-state='expanded'] [data-slot='sidebar-container'], [data-state='collapsed'] [data-slot='sidebar-container'] {
- will-change: transform;
-}
-[data-state='expanded'] [data-slot='sidebar-gap'], [data-state='collapsed'] [data-slot='sidebar-gap'] {
- will-change: width;
-}
-@keyframes shimmer {
- 0% {
- transform: translateX(-100%);
- opacity: 0;
- }
- 20% {
- opacity: 0.15;
- }
- 50% {
- transform: translateX(100%);
- opacity: 0.05;
- }
- 80% {
- opacity: 0.15;
- }
- 100% {
- transform: translateX(-100%);
- opacity: 0;
- }
-}
-.animate-shimmer {
- animation: shimmer 6s ease-in-out infinite;
-}
-.prose .katex {
- font-size: 1.05em;
- color: inherit;
-}
-.katex-display {
- margin: 0.75em 0;
- padding: 1em;
- background-color: var(--background-muted);
- border: 1px solid var(--border-default);
- border-radius: 6px;
- overflow-x: auto;
- overflow-y: hidden;
- scrollbar-width: thin;
- text-align: center;
-}
-.katex-display .katex {
- color: var(--color-neutral-800);
-}
-.dark .katex-display .katex {
- color: #e6e6e6;
-}
-.katex-error {
- color: var(--text-danger);
-}
-@property --tw-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-z {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-scale-x {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-y {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-z {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@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-space-x-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: "";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-via {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-to {
- syntax: "";
- 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: "";
- inherits: false;
- initial-value: 0%;
-}
-@property --tw-gradient-via-position {
- syntax: "";
- inherits: false;
- initial-value: 50%;
-}
-@property --tw-gradient-to-position {
- syntax: "";
- inherits: false;
- initial-value: 100%;
-}
-@property --tw-leading {
- syntax: "*";
- inherits: false;
-}
-@property --tw-font-weight {
- syntax: "*";
- inherits: false;
-}
-@property --tw-tracking {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ordinal {
- syntax: "*";
- inherits: false;
-}
-@property --tw-slashed-zero {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-figure {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-spacing {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-fraction {
- 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: "";
- 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: "";
- 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: "";
- inherits: false;
- initial-value: 0px;
-}
-@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-outline-style {
- syntax: "*";
- inherits: false;
- initial-value: solid;
-}
-@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: "";
- inherits: false;
- initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-blur {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-brightness {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-contrast {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-grayscale {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-invert {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-opacity {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-saturate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-sepia {
- syntax: "*";
- inherits: false;
-}
-@property --tw-duration {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ease {
- syntax: "*";
- inherits: false;
-}
-@property --tw-content {
- syntax: "*";
- initial-value: "";
- inherits: false;
-}
-@keyframes spin {
- to {
- transform: rotate(360deg);
- }
-}
-@keyframes pulse {
- 50% {
- opacity: 0.5;
- }
-}
-@keyframes bounce {
- 0%, 100% {
- transform: translateY(-25%);
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
- }
- 50% {
- transform: none;
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
- }
-}
-@keyframes enter {
- from {
- opacity: var(--tw-enter-opacity,1);
- transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
- filter: blur(var(--tw-enter-blur,0));
- }
-}
-@keyframes exit {
- to {
- opacity: var(--tw-exit-opacity,1);
- transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
- filter: blur(var(--tw-exit-blur,0));
- }
-}
-@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-translate-x: 0;
- --tw-translate-y: 0;
- --tw-translate-z: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-scale-z: 1;
- --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-space-x-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-leading: initial;
- --tw-font-weight: initial;
- --tw-tracking: initial;
- --tw-ordinal: initial;
- --tw-slashed-zero: initial;
- --tw-numeric-figure: initial;
- --tw-numeric-spacing: initial;
- --tw-numeric-fraction: 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-outline-style: solid;
- --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;
- --tw-backdrop-blur: initial;
- --tw-backdrop-brightness: initial;
- --tw-backdrop-contrast: initial;
- --tw-backdrop-grayscale: initial;
- --tw-backdrop-hue-rotate: initial;
- --tw-backdrop-invert: initial;
- --tw-backdrop-opacity: initial;
- --tw-backdrop-saturate: initial;
- --tw-backdrop-sepia: initial;
- --tw-duration: initial;
- --tw-ease: initial;
- --tw-content: "";
- --tw-animation-delay: 0s;
- --tw-animation-direction: normal;
- --tw-animation-duration: initial;
- --tw-animation-fill-mode: none;
- --tw-animation-iteration-count: 1;
- --tw-enter-blur: 0;
- --tw-enter-opacity: 1;
- --tw-enter-rotate: 0;
- --tw-enter-scale: 1;
- --tw-enter-translate-x: 0;
- --tw-enter-translate-y: 0;
- --tw-exit-blur: 0;
- --tw-exit-opacity: 1;
- --tw-exit-rotate: 0;
- --tw-exit-scale: 1;
- --tw-exit-translate-x: 0;
- --tw-exit-translate-y: 0;
- }
- }
-}
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
- :root, :host {
- --font-mono: monospace;
- --color-red-50: oklch(97.1% 0.013 17.38);
- --color-red-100: #ff6b6b;
- --color-red-200: #f94b4b;
- --color-red-300: oklch(80.8% 0.114 19.571);
- --color-red-400: oklch(70.4% 0.191 22.216);
- --color-red-500: oklch(63.7% 0.237 25.331);
- --color-red-600: oklch(57.7% 0.245 27.325);
- --color-red-700: oklch(50.5% 0.213 27.518);
- --color-red-800: oklch(44.4% 0.177 26.899);
- --color-red-900: oklch(39.6% 0.141 25.723);
- --color-red-950: oklch(25.8% 0.092 26.042);
- --color-orange-50: oklch(98% 0.016 73.684);
- --color-orange-100: oklch(95.4% 0.038 75.164);
- --color-orange-200: oklch(90.1% 0.076 70.697);
- --color-orange-300: oklch(83.7% 0.128 66.29);
- --color-orange-400: oklch(75% 0.183 55.934);
- --color-orange-500: oklch(70.5% 0.213 47.604);
- --color-orange-600: oklch(64.6% 0.222 41.116);
- --color-orange-700: oklch(55.3% 0.195 38.402);
- --color-orange-800: oklch(47% 0.157 37.304);
- --color-orange-900: oklch(40.8% 0.123 38.172);
- --color-orange-950: oklch(26.6% 0.079 36.259);
- --color-amber-50: oklch(98.7% 0.022 95.277);
- --color-amber-200: oklch(92.4% 0.12 95.746);
- --color-amber-300: oklch(87.9% 0.169 91.605);
- --color-amber-400: oklch(82.8% 0.189 84.429);
- --color-amber-500: oklch(76.9% 0.188 70.08);
- --color-amber-600: oklch(66.6% 0.179 58.318);
- --color-amber-700: oklch(55.5% 0.163 48.998);
- --color-amber-800: oklch(47.3% 0.137 46.201);
- --color-amber-900: oklch(41.4% 0.112 45.904);
- --color-amber-950: oklch(27.9% 0.077 45.635);
- --color-yellow-50: oklch(98.7% 0.026 102.212);
- --color-yellow-100: #ffd966;
- --color-yellow-200: #fbcd44;
- --color-yellow-300: oklch(90.5% 0.182 98.111);
- --color-yellow-400: oklch(85.2% 0.199 91.936);
- --color-yellow-500: oklch(79.5% 0.184 86.047);
- --color-yellow-600: oklch(68.1% 0.162 75.834);
- --color-yellow-700: oklch(55.4% 0.135 66.442);
- --color-yellow-800: oklch(47.6% 0.114 61.907);
- --color-yellow-900: oklch(42.1% 0.095 57.708);
- --color-green-50: oklch(98.2% 0.018 155.826);
- --color-green-100: #a3d795;
- --color-green-200: #91cb80;
- --color-green-300: oklch(87.1% 0.15 154.449);
- --color-green-400: oklch(79.2% 0.209 151.711);
- --color-green-500: oklch(72.3% 0.219 149.579);
- --color-green-600: oklch(62.7% 0.194 149.214);
- --color-green-700: oklch(52.7% 0.154 150.069);
- --color-green-800: oklch(44.8% 0.119 151.328);
- --color-green-900: oklch(39.3% 0.095 152.535);
- --color-green-950: oklch(26.6% 0.065 152.934);
- --color-blue-50: oklch(97% 0.014 254.604);
- --color-blue-100: #7cacff;
- --color-blue-200: #5c98f9;
- --color-blue-300: oklch(80.9% 0.105 251.813);
- --color-blue-400: oklch(70.7% 0.165 254.624);
- --color-blue-500: oklch(62.3% 0.214 259.815);
- --color-blue-600: oklch(54.6% 0.245 262.881);
- --color-blue-700: oklch(48.8% 0.243 264.376);
- --color-blue-800: oklch(42.4% 0.199 265.638);
- --color-blue-900: oklch(37.9% 0.146 265.522);
- --color-blue-950: oklch(28.2% 0.091 267.935);
- --color-purple-200: oklch(90.2% 0.063 306.703);
- --color-purple-300: oklch(82.7% 0.119 306.383);
- --color-purple-400: oklch(71.4% 0.203 305.504);
- --color-purple-500: oklch(62.7% 0.265 303.9);
- --color-purple-600: oklch(55.8% 0.288 302.321);
- --color-purple-700: oklch(49.6% 0.265 301.924);
- --color-purple-800: oklch(43.8% 0.218 303.724);
- --color-slate-200: oklch(92.9% 0.013 255.508);
- --color-slate-300: oklch(86.9% 0.022 252.894);
- --color-slate-500: oklch(55.4% 0.046 257.417);
- --color-slate-600: oklch(44.6% 0.043 257.281);
- --color-slate-700: oklch(37.2% 0.044 257.287);
- --color-slate-800: oklch(27.9% 0.041 260.031);
- --color-slate-900: oklch(20.8% 0.042 265.755);
- --color-gray-50: oklch(98.5% 0.002 247.839);
- --color-gray-100: oklch(96.7% 0.003 264.542);
- --color-gray-200: oklch(92.8% 0.006 264.531);
- --color-gray-300: oklch(87.2% 0.01 258.338);
- --color-gray-400: oklch(70.7% 0.022 261.325);
- --color-gray-500: oklch(55.1% 0.027 264.364);
- --color-gray-600: oklch(44.6% 0.03 256.802);
- --color-gray-700: oklch(37.3% 0.034 259.733);
- --color-gray-800: oklch(27.8% 0.033 256.848);
- --color-gray-900: oklch(21% 0.034 264.665);
- --color-neutral-50: #f4f6f7;
- --color-neutral-100: #e3e6ea;
- --color-neutral-200: #cbd1d6;
- --color-neutral-300: #a7b0b9;
- --color-neutral-400: #878787;
- --color-neutral-500: #606c7a;
- --color-neutral-600: #525b68;
- --color-neutral-700: #474e57;
- --color-neutral-800: #3f434b;
- --color-neutral-900: #32353b;
- --color-neutral-950: #22252a;
- --color-black: #000000;
- --color-white: #ffffff;
- --spacing: 0.25rem;
- --container-xs: 20rem;
- --container-sm: 24rem;
- --container-md: 28rem;
- --container-lg: 32rem;
- --container-2xl: 42rem;
- --container-4xl: 56rem;
- --container-6xl: 72rem;
- --text-xs: 0.75rem;
- --text-xs--line-height: calc(1 / 0.75);
- --text-sm: 0.875rem;
- --text-sm--line-height: calc(1.25 / 0.875);
- --text-base: 1rem;
- --text-base--line-height: calc(1.5 / 1);
- --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: calc(2.25 / 1.875);
- --text-4xl: 2.25rem;
- --text-4xl--line-height: calc(2.5 / 2.25);
- --font-weight-light: 300;
- --font-weight-normal: 400;
- --font-weight-medium: 500;
- --font-weight-semibold: 600;
- --font-weight-bold: 700;
- --tracking-widest: 0.1em;
- --leading-tight: 1.25;
- --leading-normal: 1.5;
- --leading-relaxed: 1.625;
- --radius-xs: 0.125rem;
- --radius-sm: 0.25rem;
- --radius-md: 0.375rem;
- --radius-lg: 0.5rem;
- --radius-xl: 0.75rem;
- --radius-2xl: 1rem;
- --radius-3xl: 1.5rem;
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
- --animate-spin: spin 1s linear infinite;
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- --animate-bounce: bounce 1s infinite;
- --blur-sm: 8px;
- --blur-lg: 16px;
- --blur-xl: 24px;
- --default-transition-duration: 150ms;
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- --default-font-family: 'Cash Sans', sans-serif;
- --default-mono-font-family: monospace;
- --color-block-teal: #13bbaf;
- --color-block-orange: #ff4f00;
- --color-accent: var(--color-neutral-900);
- --shadow-default: var(--shadow-default);
- }
-}
-@layer base {
- *, ::after, ::before, ::backdrop, ::file-selector-button {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- border: 0 solid;
- }
- html, :host {
- line-height: 1.5;
- -webkit-text-size-adjust: 100%;
- tab-size: 4;
- 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 {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.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 {
- display: block;
- vertical-align: middle;
- }
- img, video {
- max-width: 100%;
- height: auto;
- }
- button, input, select, optgroup, textarea, ::file-selector-button {
- font: inherit;
- font-feature-settings: inherit;
- font-variation-settings: inherit;
- letter-spacing: inherit;
- color: inherit;
- border-radius: 0;
- background-color: transparent;
- opacity: 1;
- }
- :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)) {
- 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
- padding-block: 0;
- }
- ::-webkit-calendar-picker-indicator {
- line-height: 1;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
- appearance: button;
- }
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
- height: auto;
- }
- [hidden]:where(:not([hidden="until-found"])) {
- display: none !important;
- }
-}
-@layer utilities {
- .\@container\/card-header {
- container-type: inline-size;
- container-name: card-header;
- }
- .pointer-events-auto {
- pointer-events: auto;
- }
- .pointer-events-none {
- pointer-events: none;
- }
- .collapse {
- visibility: collapse;
- }
- .invisible {
- visibility: hidden;
- }
- .visible {
- visibility: visible;
- }
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip-path: inset(50%);
- white-space: nowrap;
- border-width: 0;
- }
- .absolute {
- position: absolute;
- }
- .fixed {
- position: fixed;
- }
- .relative {
- position: relative;
- }
- .static {
- position: static;
- }
- .sticky {
- position: sticky;
- }
- .inset-0 {
- inset: calc(var(--spacing) * 0);
- }
- .inset-x-0 {
- inset-inline: calc(var(--spacing) * 0);
- }
- .inset-y-0 {
- inset-block: calc(var(--spacing) * 0);
- }
- .-top-0\.5 {
- top: calc(var(--spacing) * -0.5);
- }
- .-top-1 {
- top: calc(var(--spacing) * -1);
- }
- .-top-2 {
- top: calc(var(--spacing) * -2);
- }
- .-top-8 {
- top: calc(var(--spacing) * -8);
- }
- .top-0 {
- top: calc(var(--spacing) * 0);
- }
- .top-0\.5 {
- top: calc(var(--spacing) * 0.5);
- }
- .top-1\.5 {
- top: calc(var(--spacing) * 1.5);
- }
- .top-1\/2 {
- top: calc(1/2 * 100%);
- }
- .top-3 {
- top: calc(var(--spacing) * 3);
- }
- .top-3\.5 {
- top: calc(var(--spacing) * 3.5);
- }
- .top-4 {
- top: calc(var(--spacing) * 4);
- }
- .top-5 {
- top: calc(var(--spacing) * 5);
- }
- .top-\[50\%\] {
- top: 50%;
- }
- .-right-0\.5 {
- right: calc(var(--spacing) * -0.5);
- }
- .-right-1 {
- right: calc(var(--spacing) * -1);
- }
- .-right-2 {
- right: calc(var(--spacing) * -2);
- }
- .right-0 {
- right: calc(var(--spacing) * 0);
- }
- .right-1 {
- right: calc(var(--spacing) * 1);
- }
- .right-2 {
- right: calc(var(--spacing) * 2);
- }
- .right-3 {
- right: calc(var(--spacing) * 3);
- }
- .right-4 {
- right: calc(var(--spacing) * 4);
- }
- .bottom-0 {
- bottom: calc(var(--spacing) * 0);
- }
- .bottom-1 {
- bottom: calc(var(--spacing) * 1);
- }
- .bottom-2 {
- bottom: calc(var(--spacing) * 2);
- }
- .bottom-4 {
- bottom: calc(var(--spacing) * 4);
- }
- .left-0 {
- left: calc(var(--spacing) * 0);
- }
- .left-1\/2 {
- left: calc(1/2 * 100%);
- }
- .left-2 {
- left: calc(var(--spacing) * 2);
- }
- .left-3 {
- left: calc(var(--spacing) * 3);
- }
- .left-4 {
- left: calc(var(--spacing) * 4);
- }
- .left-\[50\%\] {
- left: 50%;
- }
- .z-0 {
- z-index: 0;
- }
- .z-1 {
- z-index: 1;
- }
- .z-2 {
- z-index: 2;
- }
- .z-10 {
- z-index: 10;
- }
- .z-20 {
- z-index: 20;
- }
- .z-40 {
- z-index: 40;
- }
- .z-50 {
- z-index: 50;
- }
- .z-100 {
- z-index: 100;
- }
- .z-\[-1\] {
- z-index: -1;
- }
- .z-\[60\] {
- z-index: 60;
- }
- .z-\[100\] {
- z-index: 100;
- }
- .z-\[300\] {
- z-index: 300;
- }
- .z-\[400\] {
- z-index: 400;
- }
- .z-\[1000\] {
- z-index: 1000;
- }
- .z-\[9999\] {
- z-index: 9999;
- }
- .z-\[10000\] {
- z-index: 10000;
- }
- .col-span-2 {
- grid-column: span 2 / span 2;
- }
- .col-span-4 {
- grid-column: span 4 / span 4;
- }
- .col-span-8 {
- grid-column: span 8 / span 8;
- }
- .col-start-2 {
- grid-column-start: 2;
- }
- .row-span-2 {
- grid-row: span 2 / span 2;
- }
- .row-start-1 {
- grid-row-start: 1;
- }
- .container {
- width: 100%;
- @media (width >= 930px) {
- max-width: 930px;
- }
- @media (width >= 40rem) {
- max-width: 40rem;
- }
- @media (width >= 64rem) {
- max-width: 64rem;
- }
- @media (width >= 80rem) {
- max-width: 80rem;
- }
- @media (width >= 96rem) {
- max-width: 96rem;
- }
- }
- .m-3 {
- margin: calc(var(--spacing) * 3);
- }
- .-mx-1 {
- margin-inline: calc(var(--spacing) * -1);
- }
- .-mx-4 {
- margin-inline: calc(var(--spacing) * -4);
- }
- .-mx-6 {
- margin-inline: calc(var(--spacing) * -6);
- }
- .-mx-12 {
- margin-inline: calc(var(--spacing) * -12);
- }
- .mx-0\.5 {
- margin-inline: calc(var(--spacing) * 0.5);
- }
- .mx-2 {
- margin-inline: calc(var(--spacing) * 2);
- }
- .mx-3 {
- margin-inline: calc(var(--spacing) * 3);
- }
- .mx-3\.5 {
- margin-inline: calc(var(--spacing) * 3.5);
- }
- .mx-4 {
- margin-inline: calc(var(--spacing) * 4);
- }
- .mx-auto {
- margin-inline: auto;
- }
- .my-1 {
- margin-block: calc(var(--spacing) * 1);
- }
- .my-2 {
- margin-block: calc(var(--spacing) * 2);
- }
- .my-4 {
- margin-block: calc(var(--spacing) * 4);
- }
- .my-6 {
- margin-block: calc(var(--spacing) * 6);
- }
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
- :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-lead);
- font-size: 1.25em;
- line-height: 1.6;
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
- :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-links);
- text-decoration: underline;
- font-weight: 500;
- }
- :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
- }
- :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
- }
- :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
- }
- :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
- }
- :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
- }
- :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
- }
- :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
- }
- :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
- }
- :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
- }
- :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
- }
- :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: disc;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- color: var(--tw-prose-bullets);
- }
- :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.25em;
- }
- :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-color: var(--tw-prose-hr);
- border-top-width: 1px;
- margin-top: 3em;
- margin-bottom: 3em;
- }
- :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-style: italic;
- color: var(--tw-prose-quotes);
- border-inline-start-width: 0.25rem;
- border-inline-start-color: var(--tw-prose-quote-borders);
- quotes: "\201C""\201D""\2018""\2019";
- margin-top: 1.6em;
- margin-bottom: 1.6em;
- padding-inline-start: 1em;
- }
- :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: open-quote;
- }
- :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: close-quote;
- }
- :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 800;
- font-size: 2.25em;
- margin-top: 0;
- margin-bottom: 0.8888889em;
- line-height: 1.1111111;
- }
- :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 900;
- color: inherit;
- }
- :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 700;
- font-size: 1.5em;
- margin-top: 2em;
- margin-bottom: 1em;
- line-height: 1.3333333;
- }
- :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 800;
- color: inherit;
- }
- :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- font-size: 1.25em;
- margin-top: 1.6em;
- margin-bottom: 0.6em;
- line-height: 1.6;
- }
- :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
- }
- :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.5em;
- margin-bottom: 0.5em;
- line-height: 1.5;
- }
- :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
- }
- :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- display: block;
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-family: inherit;
- color: var(--tw-prose-kbd);
- box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
- font-size: 0.875em;
- border-radius: 0.3125rem;
- padding-top: 0.1875em;
- padding-inline-end: 0.375em;
- padding-bottom: 0.1875em;
- padding-inline-start: 0.375em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-code);
- font-weight: 600;
- font-size: 0.875em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: "`";
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: "`";
- }
- :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.875em;
- }
- :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.9em;
- }
- :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- }
- :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-pre-code);
- background-color: var(--tw-prose-pre-bg);
- overflow-x: auto;
- font-weight: 400;
- font-size: 0.875em;
- line-height: 1.7142857;
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- border-radius: 0.375rem;
- padding-top: 0.8571429em;
- padding-inline-end: 1.1428571em;
- padding-bottom: 0.8571429em;
- padding-inline-start: 1.1428571em;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color: transparent;
- border-width: 0;
- border-radius: 0;
- padding: 0;
- font-weight: inherit;
- color: inherit;
- font-size: inherit;
- font-family: inherit;
- line-height: inherit;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: none;
- }
- :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: none;
- }
- :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- width: 100%;
- table-layout: auto;
- margin-top: 2em;
- margin-bottom: 2em;
- font-size: 0.875em;
- line-height: 1.7142857;
- }
- :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-th-borders);
- }
- :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- vertical-align: bottom;
- padding-inline-end: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-inline-start: 0.5714286em;
- }
- :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-td-borders);
- }
- :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 0;
- }
- :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: baseline;
- }
- :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-top-width: 1px;
- border-top-color: var(--tw-prose-th-borders);
- }
- :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: top;
- }
- :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-align: start;
- }
- :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-captions);
- font-size: 0.875em;
- line-height: 1.4285714;
- margin-top: 0.8571429em;
- }
- --tw-prose-body: oklch(37.3% 0.034 259.733);
- --tw-prose-headings: oklch(21% 0.034 264.665);
- --tw-prose-lead: oklch(44.6% 0.03 256.802);
- --tw-prose-links: oklch(21% 0.034 264.665);
- --tw-prose-bold: oklch(21% 0.034 264.665);
- --tw-prose-counters: oklch(55.1% 0.027 264.364);
- --tw-prose-bullets: oklch(87.2% 0.01 258.338);
- --tw-prose-hr: oklch(92.8% 0.006 264.531);
- --tw-prose-quotes: oklch(21% 0.034 264.665);
- --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
- --tw-prose-captions: oklch(55.1% 0.027 264.364);
- --tw-prose-kbd: oklch(21% 0.034 264.665);
- --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
- --tw-prose-code: oklch(21% 0.034 264.665);
- --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
- --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
- --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
- --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
- --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
- --tw-prose-invert-headings: #fff;
- --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-links: #fff;
- --tw-prose-invert-bold: #fff;
- --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
- --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
- --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
- --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
- --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
- --tw-prose-invert-kbd: #fff;
- --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
- --tw-prose-invert-code: #fff;
- --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
- --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
- --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
- font-size: 1rem;
- line-height: 1.75;
- :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
- }
- :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
- }
- :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- }
- :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
- }
- :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- }
- :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
- }
- :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
- }
- :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
- :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- padding-inline-start: 1.625em;
- }
- :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-top: 0.5714286em;
- padding-inline-end: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-inline-start: 0.5714286em;
- }
- :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 0;
- }
- }
- .prose-sm {
- font-size: 0.875rem;
- line-height: 1.7142857;
- :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- }
- :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.2857143em;
- line-height: 1.5555556;
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
- :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- padding-inline-start: 1.1111111em;
- }
- :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 2.1428571em;
- margin-top: 0;
- margin-bottom: 0.8em;
- line-height: 1.2;
- }
- :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.4285714em;
- margin-top: 1.6em;
- margin-bottom: 0.8em;
- line-height: 1.4;
- }
- :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 1.2857143em;
- margin-top: 1.5555556em;
- margin-bottom: 0.4444444em;
- line-height: 1.5555556;
- }
- :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.4285714em;
- margin-bottom: 0.5714286em;
- line-height: 1.4285714;
- }
- :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- border-radius: 0.3125rem;
- padding-top: 0.1428571em;
- padding-inline-end: 0.3571429em;
- padding-bottom: 0.1428571em;
- padding-inline-start: 0.3571429em;
- }
- :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- }
- :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.9em;
- }
- :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8888889em;
- }
- :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.6666667;
- margin-top: 1.6666667em;
- margin-bottom: 1.6666667em;
- border-radius: 0.25rem;
- padding-top: 0.6666667em;
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- padding-inline-start: 1.5714286em;
- }
- :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- padding-inline-start: 1.5714286em;
- }
- :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.2857143em;
- margin-bottom: 0.2857143em;
- }
- :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.4285714em;
- }
- :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.4285714em;
- }
- :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5714286em;
- margin-bottom: 0.5714286em;
- }
- :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.1428571em;
- }
- :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.1428571em;
- }
- :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5714286em;
- margin-bottom: 0.5714286em;
- }
- :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- margin-bottom: 1.1428571em;
- }
- :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.1428571em;
- }
- :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.2857143em;
- padding-inline-start: 1.5714286em;
- }
- :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2.8571429em;
- margin-bottom: 2.8571429em;
- }
- :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.5;
- }
- :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-top: 0.6666667em;
- padding-inline-end: 1em;
- padding-bottom: 0.6666667em;
- padding-inline-start: 1em;
- }
- :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
- }
- :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
- }
- :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- }
- :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
- }
- :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-size: 0.8571429em;
- line-height: 1.3333333;
- margin-top: 0.6666667em;
- }
- :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- }
- :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 0;
- }
- }
- .-mt-\[2px\] {
- margin-top: calc(2px * -1);
- }
- .mt-0 {
- margin-top: calc(var(--spacing) * 0);
- }
- .mt-0\.5 {
- margin-top: calc(var(--spacing) * 0.5);
- }
- .mt-1 {
- margin-top: calc(var(--spacing) * 1);
- }
- .mt-1\.5 {
- margin-top: calc(var(--spacing) * 1.5);
- }
- .mt-2 {
- margin-top: calc(var(--spacing) * 2);
- }
- .mt-3 {
- margin-top: calc(var(--spacing) * 3);
- }
- .mt-4 {
- margin-top: calc(var(--spacing) * 4);
- }
- .mt-6 {
- margin-top: calc(var(--spacing) * 6);
- }
- .mt-\[2px\] {
- margin-top: 2px;
- }
- .mt-\[8px\] {
- margin-top: 8px;
- }
- .mt-\[16px\] {
- margin-top: 16px;
- }
- .mt-\[24px\] {
- margin-top: 24px;
- }
- .mt-auto {
- margin-top: auto;
- }
- .mr-0 {
- margin-right: calc(var(--spacing) * 0);
- }
- .mr-1 {
- margin-right: calc(var(--spacing) * 1);
- }
- .mr-2 {
- margin-right: calc(var(--spacing) * 2);
- }
- .mr-4 {
- margin-right: calc(var(--spacing) * 4);
- }
- .mr-\[-24px\] {
- margin-right: -24px;
- }
- .mr-\[-32px\] {
- margin-right: -32px;
- }
- .mr-auto {
- margin-right: auto;
- }
- .mb-0 {
- margin-bottom: calc(var(--spacing) * 0);
- }
- .mb-0\.5 {
- margin-bottom: calc(var(--spacing) * 0.5);
- }
- .mb-1 {
- margin-bottom: calc(var(--spacing) * 1);
- }
- .mb-2 {
- margin-bottom: calc(var(--spacing) * 2);
- }
- .mb-3 {
- margin-bottom: calc(var(--spacing) * 3);
- }
- .mb-3\.5 {
- margin-bottom: calc(var(--spacing) * 3.5);
- }
- .mb-4 {
- margin-bottom: calc(var(--spacing) * 4);
- }
- .mb-6 {
- margin-bottom: calc(var(--spacing) * 6);
- }
- .mb-8 {
- margin-bottom: calc(var(--spacing) * 8);
- }
- .mb-10 {
- margin-bottom: calc(var(--spacing) * 10);
- }
- .mb-16 {
- margin-bottom: calc(var(--spacing) * 16);
- }
- .ml-1 {
- margin-left: calc(var(--spacing) * 1);
- }
- .ml-2 {
- margin-left: calc(var(--spacing) * 2);
- }
- .ml-3 {
- margin-left: calc(var(--spacing) * 3);
- }
- .ml-4 {
- margin-left: calc(var(--spacing) * 4);
- }
- .ml-5 {
- margin-left: calc(var(--spacing) * 5);
- }
- .ml-6 {
- margin-left: calc(var(--spacing) * 6);
- }
- .ml-7 {
- margin-left: calc(var(--spacing) * 7);
- }
- .ml-\[-24px\] {
- margin-left: -24px;
- }
- .ml-\[-32px\] {
- margin-left: -32px;
- }
- .ml-auto {
- margin-left: auto;
- }
- .line-clamp-2 {
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- }
- .line-clamp-3 {
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- }
- .\!inline {
- display: inline !important;
- }
- .block {
- display: block;
- }
- .contents {
- display: contents;
- }
- .flex {
- display: flex;
- }
- .grid {
- display: grid;
- }
- .hidden {
- display: none;
- }
- .inline {
- display: inline;
- }
- .inline-block {
- display: inline-block;
- }
- .inline-flex {
- display: inline-flex;
- }
- .aspect-square {
- aspect-ratio: 1 / 1;
- }
- .\!size-4 {
- width: calc(var(--spacing) * 4) !important;
- height: calc(var(--spacing) * 4) !important;
- }
- .size-2 {
- width: calc(var(--spacing) * 2);
- height: calc(var(--spacing) * 2);
- }
- .size-2\.5 {
- width: calc(var(--spacing) * 2.5);
- height: calc(var(--spacing) * 2.5);
- }
- .size-3\.5 {
- width: calc(var(--spacing) * 3.5);
- height: calc(var(--spacing) * 3.5);
- }
- .size-4 {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- .size-5 {
- width: calc(var(--spacing) * 5);
- height: calc(var(--spacing) * 5);
- }
- .size-6 {
- width: calc(var(--spacing) * 6);
- height: calc(var(--spacing) * 6);
- }
- .size-8 {
- width: calc(var(--spacing) * 8);
- height: calc(var(--spacing) * 8);
- }
- .size-10 {
- width: calc(var(--spacing) * 10);
- height: calc(var(--spacing) * 10);
- }
- .h-0 {
- height: calc(var(--spacing) * 0);
- }
- .h-1\.5 {
- height: calc(var(--spacing) * 1.5);
- }
- .h-1\/2 {
- height: calc(1/2 * 100%);
- }
- .h-2 {
- height: calc(var(--spacing) * 2);
- }
- .h-2\.5 {
- height: calc(var(--spacing) * 2.5);
- }
- .h-3 {
- height: calc(var(--spacing) * 3);
- }
- .h-3\.5 {
- height: calc(var(--spacing) * 3.5);
- }
- .h-4 {
- height: calc(var(--spacing) * 4);
- }
- .h-5 {
- height: calc(var(--spacing) * 5);
- }
- .h-6 {
- height: calc(var(--spacing) * 6);
- }
- .h-7 {
- height: calc(var(--spacing) * 7);
- }
- .h-8 {
- height: calc(var(--spacing) * 8);
- }
- .h-9 {
- height: calc(var(--spacing) * 9);
- }
- .h-10 {
- height: calc(var(--spacing) * 10);
- }
- .h-12 {
- height: calc(var(--spacing) * 12);
- }
- .h-14 {
- height: calc(var(--spacing) * 14);
- }
- .h-16 {
- height: calc(var(--spacing) * 16);
- }
- .h-20 {
- height: calc(var(--spacing) * 20);
- }
- .h-64 {
- height: calc(var(--spacing) * 64);
- }
- .h-80 {
- height: calc(var(--spacing) * 80);
- }
- .h-\[2px\] {
- height: 2px;
- }
- .h-\[6px\] {
- height: 6px;
- }
- .h-\[16px\] {
- height: 16px;
- }
- .h-\[20px\] {
- height: 20px;
- }
- .h-\[22px\] {
- height: 22px;
- }
- .h-\[28px\] {
- height: 28px;
- }
- .h-\[38px\] {
- height: 38px;
- }
- .h-\[44px\] {
- height: 44px;
- }
- .h-\[60px\] {
- height: 60px;
- }
- .h-\[90vh\] {
- height: 90vh;
- }
- .h-\[150px\] {
- height: 150px;
- }
- .h-\[160px\] {
- height: 160px;
- }
- .h-\[275px\] {
- height: 275px;
- }
- .h-auto {
- height: auto;
- }
- .h-dvh {
- height: 100dvh;
- }
- .h-fit {
- height: fit-content;
- }
- .h-full {
- height: 100%;
- }
- .h-px {
- height: 1px;
- }
- .h-screen {
- height: 100vh;
- }
- .h-svh {
- height: 100svh;
- }
- .max-h-\(--radix-dropdown-menu-content-available-height\) {
- max-height: var(--radix-dropdown-menu-content-available-height);
- }
- .max-h-0 {
- max-height: calc(var(--spacing) * 0);
- }
- .max-h-32 {
- max-height: calc(var(--spacing) * 32);
- }
- .max-h-40 {
- max-height: calc(var(--spacing) * 40);
- }
- .max-h-60 {
- max-height: calc(var(--spacing) * 60);
- }
- .max-h-64 {
- max-height: calc(var(--spacing) * 64);
- }
- .max-h-80 {
- max-height: calc(var(--spacing) * 80);
- }
- .max-h-96 {
- max-height: calc(var(--spacing) * 96);
- }
- .max-h-\[4rem\] {
- max-height: 4rem;
- }
- .max-h-\[20rem\] {
- max-height: 20rem;
- }
- .max-h-\[32rem\] {
- max-height: 32rem;
- }
- .max-h-\[54px\] {
- max-height: 54px;
- }
- .max-h-\[60vh\] {
- max-height: 60vh;
- }
- .max-h-\[80vh\] {
- max-height: 80vh;
- }
- .max-h-\[90vh\] {
- max-height: 90vh;
- }
- .max-h-\[400px\] {
- max-height: 400px;
- }
- .max-h-\[1000px\] {
- max-height: 1000px;
- }
- .max-h-\[calc\(100vh-300px\)\] {
- max-height: calc(100vh - 300px);
- }
- .min-h-0 {
- min-height: calc(var(--spacing) * 0);
- }
- .min-h-5 {
- min-height: calc(var(--spacing) * 5);
- }
- .min-h-16 {
- min-height: calc(var(--spacing) * 16);
- }
- .min-h-\[20px\] {
- min-height: 20px;
- }
- .min-h-\[80\%\] {
- min-height: 80%;
- }
- .min-h-\[96px\] {
- min-height: 96px;
- }
- .min-h-\[120px\] {
- min-height: 120px;
- }
- .min-h-\[200px\] {
- min-height: 200px;
- }
- .min-h-\[300px\] {
- min-height: 300px;
- }
- .min-h-\[400px\] {
- min-height: 400px;
- }
- .min-h-\[500px\] {
- min-height: 500px;
- }
- .min-h-full {
- min-height: 100%;
- }
- .min-h-svh {
- min-height: 100svh;
- }
- .\!w-8 {
- width: calc(var(--spacing) * 8) !important;
- }
- .\!w-fit {
- width: fit-content !important;
- }
- .w-\(--sidebar-width\) {
- width: var(--sidebar-width);
- }
- .w-1\/2 {
- width: calc(1/2 * 100%);
- }
- .w-2 {
- width: calc(var(--spacing) * 2);
- }
- .w-2\.5 {
- width: calc(var(--spacing) * 2.5);
- }
- .w-2\/3 {
- width: calc(2/3 * 100%);
- }
- .w-3 {
- width: calc(var(--spacing) * 3);
- }
- .w-3\.5 {
- width: calc(var(--spacing) * 3.5);
- }
- .w-3\/4 {
- width: calc(3/4 * 100%);
- }
- .w-4 {
- width: calc(var(--spacing) * 4);
- }
- .w-4\/5 {
- width: calc(4/5 * 100%);
- }
- .w-5 {
- width: calc(var(--spacing) * 5);
- }
- .w-6 {
- width: calc(var(--spacing) * 6);
- }
- .w-7 {
- width: calc(var(--spacing) * 7);
- }
- .w-8 {
- width: calc(var(--spacing) * 8);
- }
- .w-9 {
- width: calc(var(--spacing) * 9);
- }
- .w-10 {
- width: calc(var(--spacing) * 10);
- }
- .w-12 {
- width: calc(var(--spacing) * 12);
- }
- .w-14 {
- width: calc(var(--spacing) * 14);
- }
- .w-16 {
- width: calc(var(--spacing) * 16);
- }
- .w-20 {
- width: calc(var(--spacing) * 20);
- }
- .w-24 {
- width: calc(var(--spacing) * 24);
- }
- .w-28 {
- width: calc(var(--spacing) * 28);
- }
- .w-32 {
- width: calc(var(--spacing) * 32);
- }
- .w-36 {
- width: calc(var(--spacing) * 36);
- }
- .w-40 {
- width: calc(var(--spacing) * 40);
- }
- .w-48 {
- width: calc(var(--spacing) * 48);
- }
- .w-52 {
- width: calc(var(--spacing) * 52);
- }
- .w-64 {
- width: calc(var(--spacing) * 64);
- }
- .w-\[2px\] {
- width: 2px;
- }
- .w-\[6px\] {
- width: 6px;
- }
- .w-\[28px\] {
- width: 28px;
- }
- .w-\[80vw\] {
- width: 80vw;
- }
- .w-\[90\%\] {
- width: 90%;
- }
- .w-\[90vw\] {
- width: 90vw;
- }
- .w-\[150px\] {
- width: 150px;
- }
- .w-\[200px\] {
- width: 200px;
- }
- .w-\[275px\] {
- width: 275px;
- }
- .w-\[440px\] {
- width: 440px;
- }
- .w-\[500px\] {
- width: 500px;
- }
- .w-\[800px\] {
- width: 800px;
- }
- .w-\[900px\] {
- width: 900px;
- }
- .w-auto {
- width: auto;
- }
- .w-fit {
- width: fit-content;
- }
- .w-full {
- width: 100%;
- }
- .w-max {
- width: max-content;
- }
- .w-px {
- width: 1px;
- }
- .w-screen {
- width: 100vw;
- }
- .\!max-w-none {
- max-width: none !important;
- }
- .max-w-\(--skeleton-width\) {
- max-width: var(--skeleton-width);
- }
- .max-w-2xl {
- max-width: var(--container-2xl);
- }
- .max-w-4xl {
- max-width: var(--container-4xl);
- }
- .max-w-6xl {
- max-width: var(--container-6xl);
- }
- .max-w-40 {
- max-width: calc(var(--spacing) * 40);
- }
- .max-w-\[50vw\] {
- max-width: 50vw;
- }
- .max-w-\[80vw\] {
- max-width: 80vw;
- }
- .max-w-\[85\%\] {
- max-width: 85%;
- }
- .max-w-\[90vw\] {
- max-width: 90vw;
- }
- .max-w-\[130px\] {
- max-width: 130px;
- }
- .max-w-\[180px\] {
- max-width: 180px;
- }
- .max-w-\[200px\] {
- max-width: 200px;
- }
- .max-w-\[300px\] {
- max-width: 300px;
- }
- .max-w-\[350px\] {
- max-width: 350px;
- }
- .max-w-\[600px\] {
- max-width: 600px;
- }
- .max-w-\[calc\(100\%-2rem\)\] {
- max-width: calc(100% - 2rem);
- }
- .max-w-full {
- max-width: 100%;
- }
- .max-w-lg {
- max-width: var(--container-lg);
- }
- .max-w-md {
- max-width: var(--container-md);
- }
- .max-w-sm {
- max-width: var(--container-sm);
- }
- .max-w-xs {
- max-width: var(--container-xs);
- }
- .min-w-0 {
- min-width: calc(var(--spacing) * 0);
- }
- .min-w-2 {
- min-width: calc(var(--spacing) * 2);
- }
- .min-w-5 {
- min-width: calc(var(--spacing) * 5);
- }
- .min-w-96 {
- min-width: calc(var(--spacing) * 96);
- }
- .min-w-\[8rem\] {
- min-width: 8rem;
- }
- .min-w-\[32px\] {
- min-width: 32px;
- }
- .min-w-\[60px\] {
- min-width: 60px;
- }
- .min-w-\[80\%\] {
- min-width: 80%;
- }
- .min-w-\[120px\] {
- min-width: 120px;
- }
- .min-w-\[140px\] {
- min-width: 140px;
- }
- .min-w-\[250px\] {
- min-width: 250px;
- }
- .flex-1 {
- flex: 1;
- }
- .flex-none {
- flex: none;
- }
- .flex-shrink-0 {
- flex-shrink: 0;
- }
- .shrink-0 {
- flex-shrink: 0;
- }
- .flex-grow {
- flex-grow: 1;
- }
- .grow {
- flex-grow: 1;
- }
- .origin-\(--radix-dropdown-menu-content-transform-origin\) {
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
- }
- .origin-\(--radix-tooltip-content-transform-origin\) {
- transform-origin: var(--radix-tooltip-content-transform-origin);
- }
- .origin-bottom-left {
- transform-origin: 0 100%;
- }
- .origin-center {
- transform-origin: center;
- }
- .-translate-x-1\/2 {
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-x-full {
- --tw-translate-x: -100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-x-px {
- --tw-translate-x: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-x-\[-50\%\] {
- --tw-translate-x: -50%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-x-px {
- --tw-translate-x: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-1\/2 {
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-4 {
- --tw-translate-y: calc(var(--spacing) * -4);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-y-px {
- --tw-translate-y: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[-50\%\] {
- --tw-translate-y: -50%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[1px\] {
- --tw-translate-y: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-\[calc\(-50\%_-_2px\)\] {
- --tw-translate-y: calc(-50% - 2px);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-y-px {
- --tw-translate-y: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .scale-95 {
- --tw-scale-x: 95%;
- --tw-scale-y: 95%;
- --tw-scale-z: 95%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-100 {
- --tw-scale-x: 100%;
- --tw-scale-y: 100%;
- --tw-scale-z: 100%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-101 {
- --tw-scale-x: 101%;
- --tw-scale-y: 101%;
- --tw-scale-z: 101%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-102 {
- --tw-scale-x: 102%;
- --tw-scale-y: 102%;
- --tw-scale-z: 102%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-105 {
- --tw-scale-x: 105%;
- --tw-scale-y: 105%;
- --tw-scale-z: 105%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- .scale-\[2\.5\] {
- scale: 2.5;
- }
- .-rotate-90 {
- rotate: calc(90deg * -1);
- }
- .rotate-0 {
- rotate: 0deg;
- }
- .rotate-2 {
- rotate: 2deg;
- }
- .rotate-45 {
- rotate: 45deg;
- }
- .rotate-90 {
- rotate: 90deg;
- }
- .rotate-180 {
- rotate: 180deg;
- }
- .transform {
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
- }
- .animate-\[appear_150ms_ease-in_forwards\] {
- animation: appear 150ms ease-in forwards;
- }
- .animate-\[fadein_200ms_ease-in\] {
- animation: fadein 200ms ease-in;
- }
- .animate-\[fadein_200ms_ease-in_forwards\] {
- animation: fadein 200ms ease-in forwards;
- }
- .animate-\[fadein_400ms_ease-in_forwards\] {
- animation: fadein 400ms ease-in forwards;
- }
- .animate-\[fadein_500ms_ease-in_forwards\] {
- animation: fadein 500ms ease-in forwards;
- }
- .animate-\[rotate_6s_linear_infinite\] {
- animation: rotate 6s linear infinite;
- }
- .animate-\[wind_2s_linear_1s_infinite\] {
- animation: wind 2s linear 1s infinite;
- }
- .animate-\[wind_2s_linear_infinite\] {
- animation: wind 2s linear infinite;
- }
- .animate-bounce {
- animation: var(--animate-bounce);
- }
- .animate-in {
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- .animate-pulse {
- animation: var(--animate-pulse);
- }
- .animate-spin {
- animation: var(--animate-spin);
- }
- .cursor-default {
- cursor: default;
- }
- .cursor-grab {
- cursor: grab;
- }
- .cursor-not-allowed {
- cursor: not-allowed;
- }
- .cursor-pointer {
- cursor: pointer;
- }
- .cursor-wait {
- cursor: wait;
- }
- .touch-none {
- touch-action: none;
- }
- .resize {
- resize: both;
- }
- .resize-none {
- resize: none;
- }
- .resize-y {
- resize: vertical;
- }
- .list-inside {
- list-style-position: inside;
- }
- .list-decimal {
- list-style-type: decimal;
- }
- .list-disc {
- list-style-type: disc;
- }
- .auto-rows-min {
- grid-auto-rows: min-content;
- }
- .grid-cols-1 {
- grid-template-columns: repeat(1, minmax(0, 1fr));
- }
- .grid-cols-2 {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- .grid-cols-3 {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- .grid-cols-12 {
- grid-template-columns: repeat(12, minmax(0, 1fr));
- }
- .grid-cols-\[1fr_1fr_auto\] {
- grid-template-columns: 1fr 1fr auto;
- }
- .grid-cols-\[1fr_1fr_auto_auto\] {
- grid-template-columns: 1fr 1fr auto auto;
- }
- .grid-cols-\[200px_1fr_auto\] {
- grid-template-columns: 200px 1fr auto;
- }
- .grid-rows-\[auto_auto\] {
- grid-template-rows: auto auto;
- }
- .flex-col {
- flex-direction: column;
- }
- .flex-col-reverse {
- flex-direction: column-reverse;
- }
- .flex-row {
- flex-direction: row;
- }
- .flex-wrap {
- flex-wrap: wrap;
- }
- .items-baseline {
- align-items: baseline;
- }
- .items-center {
- align-items: center;
- }
- .items-end {
- align-items: flex-end;
- }
- .items-start {
- align-items: flex-start;
- }
- .items-stretch {
- align-items: stretch;
- }
- .justify-between {
- justify-content: space-between;
- }
- .justify-center {
- justify-content: center;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .justify-start {
- justify-content: flex-start;
- }
- .gap-0 {
- gap: calc(var(--spacing) * 0);
- }
- .gap-0\.5 {
- gap: calc(var(--spacing) * 0.5);
- }
- .gap-1 {
- gap: calc(var(--spacing) * 1);
- }
- .gap-1\.5 {
- gap: calc(var(--spacing) * 1.5);
- }
- .gap-2 {
- gap: calc(var(--spacing) * 2);
- }
- .gap-3 {
- gap: calc(var(--spacing) * 3);
- }
- .gap-4 {
- gap: calc(var(--spacing) * 4);
- }
- .gap-6 {
- gap: calc(var(--spacing) * 6);
- }
- .space-y-0\.5 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-1 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-2 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-3 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-4 {
- :where(& > :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)));
- }
- }
- .space-y-6 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-y-8 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- .space-x-2 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-3 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-4 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .space-x-5 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
- }
- }
- .self-start {
- align-self: flex-start;
- }
- .justify-self-end {
- justify-self: flex-end;
- }
- .truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .overflow-auto {
- overflow: auto;
- }
- .overflow-hidden {
- overflow: hidden;
- }
- .overflow-x-auto {
- overflow-x: auto;
- }
- .overflow-x-hidden {
- overflow-x: hidden;
- }
- .overflow-y-auto {
- overflow-y: auto;
- }
- .rounded {
- border-radius: 0.25rem;
- }
- .rounded-2xl {
- border-radius: var(--radius-2xl);
- }
- .rounded-3xl {
- border-radius: var(--radius-3xl);
- }
- .rounded-\[9px\] {
- border-radius: 9px;
- }
- .rounded-\[inherit\] {
- border-radius: inherit;
- }
- .rounded-full {
- border-radius: calc(infinity * 1px);
- }
- .rounded-lg {
- border-radius: var(--radius-lg);
- }
- .rounded-md {
- border-radius: var(--radius-md);
- }
- .rounded-none {
- border-radius: 0;
- }
- .rounded-sm {
- border-radius: var(--radius-sm);
- }
- .rounded-xl {
- border-radius: var(--radius-xl);
- }
- .rounded-xs {
- border-radius: var(--radius-xs);
- }
- .rounded-t-2xl {
- border-top-left-radius: var(--radius-2xl);
- border-top-right-radius: var(--radius-2xl);
- }
- .rounded-b-2xl {
- border-bottom-right-radius: var(--radius-2xl);
- border-bottom-left-radius: var(--radius-2xl);
- }
- .rounded-b-none {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .border {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- .border-0 {
- border-style: var(--tw-border-style);
- border-width: 0px;
- }
- .border-2 {
- border-style: var(--tw-border-style);
- border-width: 2px;
- }
- .border-t {
- border-top-style: var(--tw-border-style);
- border-top-width: 1px;
- }
- .border-t-2 {
- border-top-style: var(--tw-border-style);
- border-top-width: 2px;
- }
- .border-r {
- border-right-style: var(--tw-border-style);
- border-right-width: 1px;
- }
- .border-b {
- border-bottom-style: var(--tw-border-style);
- border-bottom-width: 1px;
- }
- .border-b-2 {
- border-bottom-style: var(--tw-border-style);
- border-bottom-width: 2px;
- }
- .border-l {
- border-left-style: var(--tw-border-style);
- border-left-width: 1px;
- }
- .border-l-2 {
- border-left-style: var(--tw-border-style);
- border-left-width: 2px;
- }
- .border-dashed {
- --tw-border-style: dashed;
- border-style: dashed;
- }
- .border-none {
- --tw-border-style: none;
- border-style: none;
- }
- .border-amber-200 {
- border-color: var(--color-amber-200);
- }
- .border-amber-200\/30 {
- border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
- }
- }
- .border-amber-200\/50 {
- border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
- }
- }
- .border-amber-500\/30 {
- border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
- }
- }
- .border-amber-500\/50 {
- border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
- }
- }
- .border-background-default {
- border-color: var(--background-default);
- }
- .border-blue-200 {
- border-color: var(--color-blue-200);
- }
- .border-blue-300 {
- border-color: var(--color-blue-300);
- }
- .border-blue-500 {
- border-color: var(--color-blue-500);
- }
- .border-border-accent {
- border-color: var(--border-accent);
- }
- .border-border-default {
- border-color: var(--border-default);
- }
- .border-border-info {
- border-color: var(--border-info);
- }
- .border-current {
- border-color: currentcolor;
- }
- .border-current\/10 {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 10%, transparent);
- }
- }
- .border-current\/30 {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 30%, transparent);
- }
- }
- .border-gray-300 {
- border-color: var(--color-gray-300);
- }
- .border-gray-400 {
- border-color: var(--color-gray-400);
- }
- .border-green-200 {
- border-color: var(--color-green-200);
- }
- .border-green-300 {
- border-color: var(--color-green-300);
- }
- .border-green-400 {
- border-color: var(--color-green-400);
- }
- .border-green-500\/50 {
- border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
- }
- }
- .border-orange-200 {
- border-color: var(--color-orange-200);
- }
- .border-orange-300 {
- border-color: var(--color-orange-300);
- }
- .border-red-200 {
- border-color: var(--color-red-200);
- }
- .border-red-300 {
- border-color: var(--color-red-300);
- }
- .border-red-500 {
- border-color: var(--color-red-500);
- }
- .border-red-500\/30 {
- border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
- }
- }
- .border-red-500\/50 {
- border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
- }
- }
- .border-sidebar-border {
- border-color: var(--sidebar-border);
- }
- .border-slate-600 {
- border-color: var(--color-slate-600);
- }
- .border-text-default {
- border-color: var(--text-default);
- }
- .border-text-muted {
- border-color: var(--text-muted);
- }
- .border-transparent {
- border-color: transparent;
- }
- .border-white {
- border-color: var(--color-white);
- }
- .border-white\/20 {
- border-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- .border-yellow-200 {
- border-color: var(--color-yellow-200);
- }
- .border-yellow-500\/30 {
- border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
- }
- }
- .border-yellow-500\/50 {
- border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
- }
- }
- .border-yellow-600\/50 {
- border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent);
- }
- }
- .border-t-transparent {
- border-top-color: transparent;
- }
- .border-l-transparent {
- border-left-color: transparent;
- }
- .bg-\[\#cc4b03\] {
- background-color: #cc4b03;
- }
- .bg-\[\#d7040e\] {
- background-color: #d7040e;
- }
- .bg-amber-50 {
- background-color: var(--color-amber-50);
- }
- .bg-amber-50\/5 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 5%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 5%, transparent);
- }
- }
- .bg-amber-50\/10 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 10%, transparent);
- }
- }
- .bg-amber-50\/60 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
- }
- }
- .bg-amber-50\/80 {
- background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
- }
- }
- .bg-amber-500 {
- background-color: var(--color-amber-500);
- }
- .bg-background-accent {
- background-color: var(--background-accent);
- }
- .bg-background-card {
- background-color: var(--background-card);
- }
- .bg-background-danger {
- background-color: var(--background-danger);
- }
- .bg-background-default {
- background-color: var(--background-default);
- }
- .bg-background-default\/95 {
- background-color: var(--background-default);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-default) 95%, transparent);
- }
- }
- .bg-background-info\/10 {
- background-color: var(--background-info);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-info) 10%, transparent);
- }
- }
- .bg-background-inverse {
- background-color: var(--background-inverse);
- }
- .bg-background-medium {
- background-color: var(--background-medium);
- }
- .bg-background-muted {
- background-color: var(--background-muted);
- }
- .bg-black {
- background-color: var(--color-black);
- }
- .bg-black\/20 {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- .bg-black\/30 {
- background-color: color-mix(in srgb, #000000 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
- }
- }
- .bg-black\/50 {
- background-color: color-mix(in srgb, #000000 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
- }
- }
- .bg-blue-50 {
- background-color: var(--color-blue-50);
- }
- .bg-blue-500 {
- background-color: var(--color-blue-500);
- }
- .bg-blue-500\/20 {
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
- }
- }
- .bg-blue-600 {
- background-color: var(--color-blue-600);
- }
- .bg-border-default {
- background-color: var(--border-default);
- }
- .bg-border-strong {
- background-color: var(--border-strong);
- }
- .bg-gray-50 {
- background-color: var(--color-gray-50);
- }
- .bg-gray-100 {
- background-color: var(--color-gray-100);
- }
- .bg-gray-200 {
- background-color: var(--color-gray-200);
- }
- .bg-gray-300 {
- background-color: var(--color-gray-300);
- }
- .bg-gray-400 {
- background-color: var(--color-gray-400);
- }
- .bg-gray-700\/50 {
- background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
- }
- }
- .bg-green-50 {
- background-color: var(--color-green-50);
- }
- .bg-green-100 {
- background-color: var(--color-green-100);
- }
- .bg-green-100\/20 {
- background-color: color-mix(in srgb, #a3d795 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-100) 20%, transparent);
- }
- }
- .bg-green-100\/80 {
- background-color: color-mix(in srgb, #a3d795 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-100) 80%, transparent);
- }
- }
- .bg-green-500 {
- background-color: var(--color-green-500);
- }
- .bg-green-600 {
- background-color: var(--color-green-600);
- }
- .bg-orange-50 {
- background-color: var(--color-orange-50);
- }
- .bg-orange-100 {
- background-color: var(--color-orange-100);
- }
- .bg-orange-400 {
- background-color: var(--color-orange-400);
- }
- .bg-orange-500 {
- background-color: var(--color-orange-500);
- }
- .bg-orange-600 {
- background-color: var(--color-orange-600);
- }
- .bg-purple-500 {
- background-color: var(--color-purple-500);
- }
- .bg-purple-600 {
- background-color: var(--color-purple-600);
- }
- .bg-red-50 {
- background-color: var(--color-red-50);
- }
- .bg-red-100 {
- background-color: var(--color-red-100);
- }
- .bg-red-400\/50 {
- background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
- }
- }
- .bg-red-500 {
- background-color: var(--color-red-500);
- }
- .bg-red-600 {
- background-color: var(--color-red-600);
- }
- .bg-red-900\/20 {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- .bg-sidebar {
- background-color: var(--sidebar);
- }
- .bg-sidebar-accent {
- background-color: var(--sidebar-accent);
- }
- .bg-slate-500 {
- background-color: var(--color-slate-500);
- }
- .bg-slate-600 {
- background-color: var(--color-slate-600);
- }
- .bg-transparent {
- background-color: transparent;
- }
- .bg-white {
- background-color: var(--color-white);
- }
- .bg-white\/10 {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- .bg-white\/20 {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- .bg-white\/30 {
- background-color: color-mix(in srgb, #ffffff 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
- }
- }
- .bg-white\/50 {
- background-color: color-mix(in srgb, #ffffff 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
- }
- }
- .bg-white\/80 {
- background-color: color-mix(in srgb, #ffffff 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
- }
- }
- .bg-yellow-50 {
- background-color: var(--color-yellow-50);
- }
- .bg-yellow-500 {
- background-color: var(--color-yellow-500);
- }
- .bg-yellow-500\/10 {
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
- }
- }
- .bg-yellow-600\/10 {
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-600) 10%, transparent);
- }
- }
- .bg-yellow-600\/20 {
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
- }
- }
- .bg-gradient-to-r {
- --tw-gradient-position: to right in oklab;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-\[linear-gradient\(45deg\,\#13BBAF\,\#FF4F00\)\] {
- background-image: linear-gradient(45deg,#13BBAF,#FF4F00);
- }
- .from-amber-500 {
- --tw-gradient-from: var(--color-amber-500);
- --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-blue-500 {
- --tw-gradient-from: var(--color-blue-500);
- --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-green-500 {
- --tw-gradient-from: var(--color-green-500);
- --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-purple-500 {
- --tw-gradient-from: var(--color-purple-500);
- --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-red-500 {
- --tw-gradient-from: var(--color-red-500);
- --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-slate-500 {
- --tw-gradient-from: var(--color-slate-500);
- --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-transparent {
- --tw-gradient-from: transparent;
- --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-white\/8 {
- --tw-gradient-via: color-mix(in srgb, #ffffff 8%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-gradient-via: color-mix(in oklab, var(--color-white) 8%, transparent);
- }
- --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-amber-600 {
- --tw-gradient-to: var(--color-amber-600);
- --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-blue-600 {
- --tw-gradient-to: var(--color-blue-600);
- --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-green-600 {
- --tw-gradient-to: var(--color-green-600);
- --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-purple-600 {
- --tw-gradient-to: var(--color-purple-600);
- --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-red-600 {
- --tw-gradient-to: var(--color-red-600);
- --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-slate-600 {
- --tw-gradient-to: var(--color-slate-600);
- --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-transparent {
- --tw-gradient-to: transparent;
- --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));
- }
- .fill-background-accent {
- fill: var(--background-accent);
- }
- .fill-background-inverse {
- fill: var(--background-inverse);
- }
- .fill-current {
- fill: currentcolor;
- }
- .stroke-text-inverse {
- stroke: var(--text-inverse);
- }
- .object-contain {
- object-fit: contain;
- }
- .object-cover {
- object-fit: cover;
- }
- .\!p-0 {
- padding: calc(var(--spacing) * 0) !important;
- }
- .p-0 {
- padding: calc(var(--spacing) * 0);
- }
- .p-1 {
- padding: calc(var(--spacing) * 1);
- }
- .p-1\.5 {
- padding: calc(var(--spacing) * 1.5);
- }
- .p-2 {
- padding: calc(var(--spacing) * 2);
- }
- .p-3 {
- padding: calc(var(--spacing) * 3);
- }
- .p-4 {
- padding: calc(var(--spacing) * 4);
- }
- .p-6 {
- padding: calc(var(--spacing) * 6);
- }
- .p-8 {
- padding: calc(var(--spacing) * 8);
- }
- .p-\[1px\] {
- padding: 1px;
- }
- .p-\[2px\] {
- padding: 2px;
- }
- .p-\[16px\] {
- padding: 16px;
- }
- .\!px-0 {
- padding-inline: calc(var(--spacing) * 0) !important;
- }
- .px-0 {
- padding-inline: calc(var(--spacing) * 0);
- }
- .px-1 {
- padding-inline: calc(var(--spacing) * 1);
- }
- .px-1\.5 {
- padding-inline: calc(var(--spacing) * 1.5);
- }
- .px-2 {
- padding-inline: calc(var(--spacing) * 2);
- }
- .px-2\.5 {
- padding-inline: calc(var(--spacing) * 2.5);
- }
- .px-3 {
- padding-inline: calc(var(--spacing) * 3);
- }
- .px-4 {
- padding-inline: calc(var(--spacing) * 4);
- }
- .px-6 {
- padding-inline: calc(var(--spacing) * 6);
- }
- .px-8 {
- padding-inline: calc(var(--spacing) * 8);
- }
- .px-10 {
- padding-inline: calc(var(--spacing) * 10);
- }
- .py-0 {
- padding-block: calc(var(--spacing) * 0);
- }
- .py-0\.5 {
- padding-block: calc(var(--spacing) * 0.5);
- }
- .py-1 {
- padding-block: calc(var(--spacing) * 1);
- }
- .py-1\.5 {
- padding-block: calc(var(--spacing) * 1.5);
- }
- .py-2 {
- padding-block: calc(var(--spacing) * 2);
- }
- .py-2\.5 {
- padding-block: calc(var(--spacing) * 2.5);
- }
- .py-3 {
- padding-block: calc(var(--spacing) * 3);
- }
- .py-4 {
- padding-block: calc(var(--spacing) * 4);
- }
- .py-5 {
- padding-block: calc(var(--spacing) * 5);
- }
- .py-6 {
- padding-block: calc(var(--spacing) * 6);
- }
- .py-8 {
- padding-block: calc(var(--spacing) * 8);
- }
- .py-10 {
- padding-block: calc(var(--spacing) * 10);
- }
- .py-12 {
- padding-block: calc(var(--spacing) * 12);
- }
- .pt-0 {
- padding-top: calc(var(--spacing) * 0);
- }
- .pt-1 {
- padding-top: calc(var(--spacing) * 1);
- }
- .pt-2 {
- padding-top: calc(var(--spacing) * 2);
- }
- .pt-3 {
- padding-top: calc(var(--spacing) * 3);
- }
- .pt-4 {
- padding-top: calc(var(--spacing) * 4);
- }
- .pt-6 {
- padding-top: calc(var(--spacing) * 6);
- }
- .pt-8 {
- padding-top: calc(var(--spacing) * 8);
- }
- .pt-10 {
- padding-top: calc(var(--spacing) * 10);
- }
- .pt-12 {
- padding-top: calc(var(--spacing) * 12);
- }
- .pt-14 {
- padding-top: calc(var(--spacing) * 14);
- }
- .pt-16 {
- padding-top: calc(var(--spacing) * 16);
- }
- .pt-19 {
- padding-top: calc(var(--spacing) * 19);
- }
- .pt-\[16px\] {
- padding-top: 16px;
- }
- .pt-\[20px\] {
- padding-top: 20px;
- }
- .pt-\[24px\] {
- padding-top: 24px;
- }
- .pt-\[32px\] {
- padding-top: 32px;
- }
- .pr-0 {
- padding-right: calc(var(--spacing) * 0);
- }
- .pr-1 {
- padding-right: calc(var(--spacing) * 1);
- }
- .pr-2 {
- padding-right: calc(var(--spacing) * 2);
- }
- .pr-4 {
- padding-right: calc(var(--spacing) * 4);
- }
- .pr-8 {
- padding-right: calc(var(--spacing) * 8);
- }
- .pr-24 {
- padding-right: calc(var(--spacing) * 24);
- }
- .pb-0 {
- padding-bottom: calc(var(--spacing) * 0);
- }
- .pb-1\.5 {
- padding-bottom: calc(var(--spacing) * 1.5);
- }
- .pb-2 {
- padding-bottom: calc(var(--spacing) * 2);
- }
- .pb-3 {
- padding-bottom: calc(var(--spacing) * 3);
- }
- .pb-4 {
- padding-bottom: calc(var(--spacing) * 4);
- }
- .pb-6 {
- padding-bottom: calc(var(--spacing) * 6);
- }
- .pb-8 {
- padding-bottom: calc(var(--spacing) * 8);
- }
- .pb-10 {
- padding-bottom: calc(var(--spacing) * 10);
- }
- .pb-12 {
- padding-bottom: calc(var(--spacing) * 12);
- }
- .pb-16 {
- padding-bottom: calc(var(--spacing) * 16);
- }
- .pb-24 {
- padding-bottom: calc(var(--spacing) * 24);
- }
- .pl-1 {
- padding-left: calc(var(--spacing) * 1);
- }
- .pl-2 {
- padding-left: calc(var(--spacing) * 2);
- }
- .pl-4 {
- padding-left: calc(var(--spacing) * 4);
- }
- .pl-5 {
- padding-left: calc(var(--spacing) * 5);
- }
- .pl-6 {
- padding-left: calc(var(--spacing) * 6);
- }
- .pl-8 {
- padding-left: calc(var(--spacing) * 8);
- }
- .pl-9 {
- padding-left: calc(var(--spacing) * 9);
- }
- .pl-21 {
- padding-left: calc(var(--spacing) * 21);
- }
- .text-center {
- text-align: center;
- }
- .text-left {
- text-align: left;
- }
- .text-right {
- text-align: right;
- }
- .font-mono {
- font-family: monospace;
- }
- .font-sans {
- font-family: 'Cash Sans', sans-serif;
- }
- .text-2xl {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- .text-3xl {
- font-size: var(--text-3xl);
- line-height: var(--tw-leading, var(--text-3xl--line-height));
- }
- .text-4xl {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- .text-base {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- .text-lg {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- .text-sm {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- .text-xl {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- .text-xs {
- font-size: var(--text-xs);
- line-height: var(--tw-leading, var(--text-xs--line-height));
- }
- .text-\[10px\] {
- font-size: 10px;
- }
- .text-\[11px\] {
- font-size: 11px;
- }
- .leading-none {
- --tw-leading: 1;
- line-height: 1;
- }
- .leading-normal {
- --tw-leading: var(--leading-normal);
- line-height: var(--leading-normal);
- }
- .leading-relaxed {
- --tw-leading: var(--leading-relaxed);
- line-height: var(--leading-relaxed);
- }
- .leading-tight {
- --tw-leading: var(--leading-tight);
- line-height: var(--leading-tight);
- }
- .font-bold {
- --tw-font-weight: var(--font-weight-bold);
- font-weight: var(--font-weight-bold);
- }
- .font-light {
- --tw-font-weight: var(--font-weight-light);
- font-weight: var(--font-weight-light);
- }
- .font-medium {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- .font-normal {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- .font-semibold {
- --tw-font-weight: var(--font-weight-semibold);
- font-weight: var(--font-weight-semibold);
- }
- .tracking-widest {
- --tw-tracking: var(--tracking-widest);
- letter-spacing: var(--tracking-widest);
- }
- .text-balance {
- text-wrap: balance;
- }
- .break-words {
- overflow-wrap: break-word;
- }
- .break-all {
- word-break: break-all;
- }
- .whitespace-nowrap {
- white-space: nowrap;
- }
- .whitespace-pre {
- white-space: pre;
- }
- .whitespace-pre-line {
- white-space: pre-line;
- }
- .whitespace-pre-wrap {
- white-space: pre-wrap;
- }
- .text-\[\#00b300\] {
- color: #00b300;
- }
- .text-\[\#cc4b03\] {
- color: #cc4b03;
- }
- .text-\[\#d7040e\] {
- color: #d7040e;
- }
- .text-amber-500 {
- color: var(--color-amber-500);
- }
- .text-amber-600 {
- color: var(--color-amber-600);
- }
- .text-amber-700 {
- color: var(--color-amber-700);
- }
- .text-amber-800 {
- color: var(--color-amber-800);
- }
- .text-black {
- color: var(--color-black);
- }
- .text-blue-400 {
- color: var(--color-blue-400);
- }
- .text-blue-500 {
- color: var(--color-blue-500);
- }
- .text-blue-600 {
- color: var(--color-blue-600);
- }
- .text-blue-700 {
- color: var(--color-blue-700);
- }
- .text-blue-800 {
- color: var(--color-blue-800);
- }
- .text-gray-300 {
- color: var(--color-gray-300);
- }
- .text-gray-400 {
- color: var(--color-gray-400);
- }
- .text-gray-500 {
- color: var(--color-gray-500);
- }
- .text-gray-600 {
- color: var(--color-gray-600);
- }
- .text-gray-700 {
- color: var(--color-gray-700);
- }
- .text-gray-900 {
- color: var(--color-gray-900);
- }
- .text-green-500 {
- color: var(--color-green-500);
- }
- .text-green-600 {
- color: var(--color-green-600);
- }
- .text-green-700 {
- color: var(--color-green-700);
- }
- .text-green-800 {
- color: var(--color-green-800);
- }
- .text-inherit {
- color: inherit;
- }
- .text-orange-500 {
- color: var(--color-orange-500);
- }
- .text-orange-600 {
- color: var(--color-orange-600);
- }
- .text-orange-700 {
- color: var(--color-orange-700);
- }
- .text-orange-800 {
- color: var(--color-orange-800);
- }
- .text-purple-600 {
- color: var(--color-purple-600);
- }
- .text-purple-700 {
- color: var(--color-purple-700);
- }
- .text-red-400 {
- color: var(--color-red-400);
- }
- .text-red-500 {
- color: var(--color-red-500);
- }
- .text-red-600 {
- color: var(--color-red-600);
- }
- .text-red-700 {
- color: var(--color-red-700);
- }
- .text-red-800 {
- color: var(--color-red-800);
- }
- .text-sidebar-foreground {
- color: var(--sidebar-foreground);
- }
- .text-sidebar-foreground\/70 {
- color: var(--sidebar-foreground);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
- }
- }
- .text-slate-700 {
- color: var(--color-slate-700);
- }
- .text-text-accent {
- color: var(--text-accent);
- }
- .text-text-default {
- color: var(--text-default);
- }
- .text-text-default\/60 {
- color: var(--text-default);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-default) 60%, transparent);
- }
- }
- .text-text-default\/70 {
- color: var(--text-default);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-default) 70%, transparent);
- }
- }
- .text-text-info {
- color: var(--text-info);
- }
- .text-text-inverse {
- color: var(--text-inverse);
- }
- .text-text-inverse\/70 {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 70%, transparent);
- }
- }
- .text-text-inverse\/80 {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 80%, transparent);
- }
- }
- .text-text-muted {
- color: var(--text-muted);
- }
- .text-text-on-accent {
- color: var(--text-on-accent);
- }
- .text-text-warning {
- color: var(--text-warning);
- }
- .text-white {
- color: var(--color-white);
- }
- .text-white\/40 {
- color: color-mix(in srgb, #ffffff 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-white) 40%, transparent);
- }
- }
- .text-white\/60 {
- color: color-mix(in srgb, #ffffff 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-white) 60%, transparent);
- }
- }
- .text-yellow-500 {
- color: var(--color-yellow-500);
- }
- .text-yellow-600 {
- color: var(--color-yellow-600);
- }
- .text-yellow-700 {
- color: var(--color-yellow-700);
- }
- .capitalize {
- text-transform: capitalize;
- }
- .lowercase {
- text-transform: lowercase;
- }
- .uppercase {
- text-transform: uppercase;
- }
- .italic {
- font-style: italic;
- }
- .tabular-nums {
- --tw-numeric-spacing: tabular-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .underline {
- text-decoration-line: underline;
- }
- .underline-offset-4 {
- text-underline-offset: 4px;
- }
- .placeholder-text-muted {
- &::placeholder {
- color: var(--text-muted);
- }
- }
- .opacity-0 {
- opacity: 0%;
- }
- .opacity-25 {
- opacity: 25%;
- }
- .opacity-30 {
- opacity: 30%;
- }
- .opacity-40 {
- opacity: 40%;
- }
- .opacity-50 {
- opacity: 50%;
- }
- .opacity-60 {
- opacity: 60%;
- }
- .opacity-70 {
- opacity: 70%;
- }
- .opacity-75 {
- opacity: 75%;
- }
- .opacity-90 {
- opacity: 90%;
- }
- .opacity-100 {
- opacity: 100%;
- }
- .shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.2\)\] {
- --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .shadow-none {
- --tw-shadow: 0 0 #0000;
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .ring-0 {
- --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);
- }
- .ring-1 {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- .shadow-amber-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-black\/5 {
- --tw-shadow-color: color-mix(in srgb, #000000 5%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-blue-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-green-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-purple-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-red-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .shadow-slate-500\/25 {
- --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- .outline-hidden {
- --tw-outline-style: none;
- outline-style: none;
- @media (forced-colors: active) {
- outline: 2px solid transparent;
- outline-offset: 2px;
- }
- }
- .outline {
- outline-style: var(--tw-outline-style);
- outline-width: 1px;
- }
- .blur {
- --tw-blur: blur(8px);
- 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,);
- }
- .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,);
- }
- .backdrop-blur-lg {
- --tw-backdrop-blur: blur(var(--blur-lg));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-sm {
- --tw-backdrop-blur: blur(var(--blur-sm));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-xl {
- --tw-backdrop-blur: blur(var(--blur-xl));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .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));
- }
- .transition-\[margin\,opacity\] {
- transition-property: margin,opacity;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[margin-left\] {
- transition-property: margin-left;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[width\,height\,padding\] {
- transition-property: width,height,padding;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\[width\] {
- transition-property: width;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-all {
- transition-property: all;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-colors {
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-opacity {
- transition-property: opacity;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-shadow {
- transition-property: box-shadow;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-transform {
- transition-property: transform, translate, scale, rotate;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .duration-75 {
- --tw-duration: 75ms;
- transition-duration: 75ms;
- }
- .duration-100 {
- --tw-duration: 100ms;
- transition-duration: 100ms;
- }
- .duration-150 {
- --tw-duration: 150ms;
- transition-duration: 150ms;
- }
- .duration-200 {
- --tw-duration: 200ms;
- transition-duration: 200ms;
- }
- .duration-300 {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- .duration-500 {
- --tw-duration: 500ms;
- transition-duration: 500ms;
- }
- .ease-in-out {
- --tw-ease: var(--ease-in-out);
- transition-timing-function: var(--ease-in-out);
- }
- .ease-linear {
- --tw-ease: linear;
- transition-timing-function: linear;
- }
- .ease-out {
- --tw-ease: var(--ease-out);
- transition-timing-function: var(--ease-out);
- }
- .will-change-\[width\] {
- will-change: width;
- }
- .will-change-transform {
- will-change: transform;
- }
- .fade-in-0 {
- --tw-enter-opacity: calc(0/100);
- --tw-enter-opacity: 0;
- }
- .outline-none {
- --tw-outline-style: none;
- outline-style: none;
- }
- .select-none {
- -webkit-user-select: none;
- user-select: none;
- }
- .zoom-in-95 {
- --tw-enter-scale: calc(95*1%);
- --tw-enter-scale: .95;
- }
- .\[direction\:rtl\] {
- direction: rtl;
- }
- .fade-in {
- --tw-enter-opacity: 0;
- }
- .paused {
- animation-play-state: paused;
- }
- .running {
- animation-play-state: running;
- }
- .group-focus-within\/menu-item\:opacity-100 {
- &:is(:where(.group\/menu-item):focus-within *) {
- opacity: 100%;
- }
- }
- .group-hover\:-translate-y-4 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-translate-y: calc(var(--spacing) * -4);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- }
- .group-hover\:translate-y-0 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-translate-y: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- }
- .group-hover\:border-border-default {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- border-color: var(--border-default);
- }
- }
- }
- .group-hover\:text-white {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-white);
- }
- }
- }
- .group-hover\:opacity-0 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 0%;
- }
- }
- }
- .group-hover\:opacity-60 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 60%;
- }
- }
- }
- .group-hover\:opacity-100 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\:drop-shadow-sm {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
- --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
- 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,);
- }
- }
- }
- .group-hover\/card\:opacity-40 {
- &:is(:where(.group\/card):hover *) {
- @media (hover: hover) {
- opacity: 40%;
- }
- }
- }
- .group-hover\/logo\:opacity-100 {
- &:is(:where(.group\/logo):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\/menu-item\:opacity-100 {
- &:is(:where(.group\/menu-item):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-hover\/with-hover\:opacity-100 {
- &:is(:where(.group\/with-hover):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
- &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
- padding-right: calc(var(--spacing) * 8);
- }
- }
- .group-data-\[collapsible\=icon\]\:-mt-8 {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- margin-top: calc(var(--spacing) * -8);
- }
- }
- .group-data-\[collapsible\=icon\]\:hidden {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- display: none;
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: var(--sidebar-width-icon);
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
- }
- }
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
- }
- }
- .group-data-\[collapsible\=icon\]\:overflow-hidden {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- overflow: hidden;
- }
- }
- .group-data-\[collapsible\=icon\]\:p-0\! {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- padding: calc(var(--spacing) * 0) !important;
- }
- }
- .group-data-\[collapsible\=icon\]\:opacity-0 {
- &:is(:where(.group)[data-collapsible="icon"] *) {
- opacity: 0%;
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:w-0 {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- width: calc(var(--spacing) * 0);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-\[-100\%\] {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: -100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:translate-x-\[100\%\] {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- --tw-translate-x: 100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .group-data-\[side\=left\]\:-right-4 {
- &:is(:where(.group)[data-side="left"] *) {
- right: calc(var(--spacing) * -4);
- }
- }
- .group-data-\[side\=left\]\:border-r {
- &:is(:where(.group)[data-side="left"] *) {
- border-right-style: var(--tw-border-style);
- border-right-width: 1px;
- }
- }
- .group-data-\[side\=right\]\:left-0 {
- &:is(:where(.group)[data-side="right"] *) {
- left: calc(var(--spacing) * 0);
- }
- }
- .group-data-\[side\=right\]\:rotate-180 {
- &:is(:where(.group)[data-side="right"] *) {
- rotate: 180deg;
- }
- }
- .group-data-\[side\=right\]\:border-l {
- &:is(:where(.group)[data-side="right"] *) {
- border-left-style: var(--tw-border-style);
- border-left-width: 1px;
- }
- }
- .group-data-\[variant\=floating\]\:rounded-2xl {
- &:is(:where(.group)[data-variant="floating"] *) {
- border-radius: var(--radius-2xl);
- }
- }
- .group-data-\[variant\=floating\]\:border {
- &:is(:where(.group)[data-variant="floating"] *) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .peer-checked\:border-\[6px\] {
- &:is(:where(.peer):checked ~ *) {
- border-style: var(--tw-border-style);
- border-width: 6px;
- }
- }
- .peer-checked\:border-black {
- &:is(:where(.peer):checked ~ *) {
- border-color: var(--color-black);
- }
- }
- .peer-checked\:bg-white {
- &:is(:where(.peer):checked ~ *) {
- background-color: var(--color-white);
- }
- }
- .peer-hover\/menu-button\:text-sidebar-accent-foreground {
- &:is(:where(.peer\/menu-button):hover ~ *) {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .peer-disabled\:cursor-not-allowed {
- &:is(:where(.peer):disabled ~ *) {
- cursor: not-allowed;
- }
- }
- .peer-disabled\:opacity-70 {
- &:is(:where(.peer):disabled ~ *) {
- opacity: 70%;
- }
- }
- .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
- &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
- color: var(--sidebar-accent-foreground);
- }
- }
- .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
- &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
- top: calc(var(--spacing) * 1.5);
- }
- }
- .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
- &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
- top: calc(var(--spacing) * 2.5);
- }
- }
- .peer-data-\[size\=sm\]\/menu-button\:top-1 {
- &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
- top: calc(var(--spacing) * 1);
- }
- }
- .file\:border-0 {
- &::file-selector-button {
- border-style: var(--tw-border-style);
- border-width: 0px;
- }
- }
- .file\:bg-transparent {
- &::file-selector-button {
- background-color: transparent;
- }
- }
- .file\:pt-1 {
- &::file-selector-button {
- padding-top: calc(var(--spacing) * 1);
- }
- }
- .file\:text-sm {
- &::file-selector-button {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .file\:font-medium {
- &::file-selector-button {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- }
- .placeholder\:font-light {
- &::placeholder {
- --tw-font-weight: var(--font-weight-light);
- font-weight: var(--font-weight-light);
- }
- }
- .placeholder\:text-text-inverse\/50 {
- &::placeholder {
- color: var(--text-inverse);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--text-inverse) 50%, transparent);
- }
- }
- }
- .placeholder\:text-text-muted {
- &::placeholder {
- color: var(--text-muted);
- }
- }
- .after\:absolute {
- &::after {
- content: var(--tw-content);
- position: absolute;
- }
- }
- .after\:-inset-2 {
- &::after {
- content: var(--tw-content);
- inset: calc(var(--spacing) * -2);
- }
- }
- .after\:inset-y-0 {
- &::after {
- content: var(--tw-content);
- inset-block: calc(var(--spacing) * 0);
- }
- }
- .after\:left-1\/2 {
- &::after {
- content: var(--tw-content);
- left: calc(1/2 * 100%);
- }
- }
- .after\:w-\[2px\] {
- &::after {
- content: var(--tw-content);
- width: 2px;
- }
- }
- .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- &::after {
- content: var(--tw-content);
- left: 100%;
- }
- }
- }
- .first\:rounded-t-md {
- &:first-child {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- }
- }
- .last\:rounded-b-md {
- &:last-child {
- border-bottom-right-radius: var(--radius-md);
- border-bottom-left-radius: var(--radius-md);
- }
- }
- .hover\:scale-100 {
- &:hover {
- @media (hover: hover) {
- --tw-scale-x: 100%;
- --tw-scale-y: 100%;
- --tw-scale-z: 100%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- }
- .hover\:scale-105 {
- &:hover {
- @media (hover: hover) {
- --tw-scale-x: 105%;
- --tw-scale-y: 105%;
- --tw-scale-z: 105%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- }
- .hover\:cursor-pointer {
- &:hover {
- @media (hover: hover) {
- cursor: pointer;
- }
- }
- }
- .hover\:border-border-default {
- &:hover {
- @media (hover: hover) {
- border-color: var(--border-default);
- }
- }
- }
- .hover\:border-border-strong {
- &:hover {
- @media (hover: hover) {
- border-color: var(--border-strong);
- }
- }
- }
- .hover\:border-text-muted {
- &:hover {
- @media (hover: hover) {
- border-color: var(--text-muted);
- }
- }
- }
- .hover\:\!bg-background-accent {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-accent) !important;
- }
- }
- }
- .hover\:\!bg-background-medium {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-medium) !important;
- }
- }
- }
- .hover\:\!bg-background-muted {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted) !important;
- }
- }
- }
- .hover\:bg-accent\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #32353b 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-amber-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-amber-600);
- }
- }
- }
- .hover\:bg-background-accent\/90 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-accent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-accent) 90%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-danger\/90 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 90%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-default {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-default);
- }
- }
- }
- .hover\:bg-background-default\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-default);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-default) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-medium\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-medium);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-medium) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-background-muted {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- }
- }
- }
- .hover\:bg-background-muted\/80 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-muted) 80%, transparent);
- }
- }
- }
- }
- .hover\:bg-blue-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-blue-50);
- }
- }
- }
- .hover\:bg-blue-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-blue-600);
- }
- }
- }
- .hover\:bg-gray-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-50);
- }
- }
- }
- .hover\:bg-gray-100 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-100);
- }
- }
- }
- .hover\:bg-gray-600\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-gray-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-700);
- }
- }
- }
- .hover\:bg-green-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-50);
- }
- }
- }
- .hover\:bg-green-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-600);
- }
- }
- }
- .hover\:bg-green-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-700);
- }
- }
- }
- .hover\:bg-orange-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-orange-50);
- }
- }
- }
- .hover\:bg-purple-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-purple-600);
- }
- }
- }
- .hover\:bg-red-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-red-50);
- }
- }
- }
- .hover\:bg-red-500\/10 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
- }
- }
- }
- }
- .hover\:bg-red-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-red-600);
- }
- }
- }
- .hover\:bg-red-900\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- }
- .hover\:bg-sidebar-accent {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- }
- }
- }
- .hover\:bg-sidebar-accent\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--sidebar-accent) 50%, transparent);
- }
- }
- }
- }
- .hover\:bg-slate-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-slate-600);
- }
- }
- }
- .hover\:bg-slate-700 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-slate-700);
- }
- }
- }
- .hover\:bg-transparent {
- &:hover {
- @media (hover: hover) {
- background-color: transparent;
- }
- }
- }
- .hover\:bg-white {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-white);
- }
- }
- }
- .hover\:bg-white\/10 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/15 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 15%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- }
- .hover\:bg-white\/25 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 25%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
- }
- }
- }
- }
- .hover\:bg-yellow-500\/20 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
- }
- }
- }
- }
- .hover\:from-amber-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-amber-600);
- --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));
- }
- }
- }
- .hover\:from-blue-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-blue-600);
- --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));
- }
- }
- }
- .hover\:from-green-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-green-600);
- --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));
- }
- }
- }
- .hover\:from-purple-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-purple-600);
- --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));
- }
- }
- }
- .hover\:from-red-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-red-600);
- --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));
- }
- }
- }
- .hover\:from-slate-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-slate-600);
- --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));
- }
- }
- }
- .hover\:to-amber-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-amber-700);
- --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));
- }
- }
- }
- .hover\:to-blue-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-blue-700);
- --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));
- }
- }
- }
- .hover\:to-green-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-green-700);
- --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));
- }
- }
- }
- .hover\:to-purple-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-purple-700);
- --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));
- }
- }
- }
- .hover\:to-red-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-red-700);
- --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));
- }
- }
- }
- .hover\:to-slate-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-slate-700);
- --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));
- }
- }
- }
- .hover\:\!text-text-on-accent {
- &:hover {
- @media (hover: hover) {
- color: var(--text-on-accent) !important;
- }
- }
- }
- .hover\:text-amber-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-amber-800);
- }
- }
- }
- .hover\:text-blue-500 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-500);
- }
- }
- }
- .hover\:text-blue-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-600);
- }
- }
- }
- .hover\:text-blue-700 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-700);
- }
- }
- }
- .hover\:text-blue-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-800);
- }
- }
- }
- .hover\:text-gray-100 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-100);
- }
- }
- }
- .hover\:text-gray-900 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-900);
- }
- }
- }
- .hover\:text-green-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-600);
- }
- }
- }
- .hover\:text-green-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-800);
- }
- }
- }
- .hover\:text-purple-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-purple-800);
- }
- }
- }
- .hover\:text-red-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-600);
- }
- }
- }
- .hover\:text-red-700 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-700);
- }
- }
- }
- .hover\:text-red-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-800);
- }
- }
- }
- .hover\:text-sidebar-accent-foreground {
- &:hover {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .hover\:text-slate-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-slate-800);
- }
- }
- }
- .hover\:text-text-default {
- &:hover {
- @media (hover: hover) {
- color: var(--text-default);
- }
- }
- }
- .hover\:text-text-inverse {
- &:hover {
- @media (hover: hover) {
- color: var(--text-inverse);
- }
- }
- }
- .hover\:no-underline {
- &:hover {
- @media (hover: hover) {
- text-decoration-line: none;
- }
- }
- }
- .hover\:underline {
- &:hover {
- @media (hover: hover) {
- text-decoration-line: underline;
- }
- }
- }
- .hover\:opacity-60 {
- &:hover {
- @media (hover: hover) {
- opacity: 60%;
- }
- }
- }
- .hover\:opacity-70 {
- &:hover {
- @media (hover: hover) {
- opacity: 70%;
- }
- }
- }
- .hover\:opacity-80 {
- &:hover {
- @media (hover: hover) {
- opacity: 80%;
- }
- }
- }
- .hover\:opacity-90 {
- &:hover {
- @media (hover: hover) {
- opacity: 90%;
- }
- }
- }
- .hover\:opacity-100 {
- &:hover {
- @media (hover: hover) {
- opacity: 100%;
- }
- }
- }
- .hover\:shadow-default {
- &:hover {
- @media (hover: hover) {
- --tw-shadow: var(--shadow-default);
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- }
- }
- .hover\:shadow-amber-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-blue-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-green-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-purple-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-red-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:shadow-slate-500\/40 {
- &:hover {
- @media (hover: hover) {
- --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- }
- .hover\:duration-300 {
- &:hover {
- @media (hover: hover) {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- }
- }
- .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
- &:hover {
- @media (hover: hover) {
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
- background-color: var(--sidebar);
- }
- }
- }
- }
- .hover\:after\:bg-sidebar-border {
- &:hover {
- @media (hover: hover) {
- &::after {
- content: var(--tw-content);
- background-color: var(--sidebar-border);
- }
- }
- }
- }
- .focus\:border-blue-400 {
- &:focus {
- border-color: var(--color-blue-400);
- }
- }
- .focus\:border-blue-500 {
- &:focus {
- border-color: var(--color-blue-500);
- }
- }
- .focus\:border-border-strong {
- &:focus {
- border-color: var(--border-strong);
- }
- }
- .focus\:border-current\/50 {
- &:focus {
- border-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, currentcolor 50%, transparent);
- }
- }
- }
- .focus\:border-red-500 {
- &:focus {
- border-color: var(--color-red-500);
- }
- }
- .focus\:border-transparent {
- &:focus {
- border-color: transparent;
- }
- }
- .focus\:bg-background-muted {
- &:focus {
- background-color: var(--background-muted);
- }
- }
- .focus\:bg-white\/20 {
- &:focus {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- .focus\:text-text-muted {
- &:focus {
- color: var(--text-muted);
- }
- }
- .focus\:opacity-100 {
- &:focus {
- opacity: 100%;
- }
- }
- .focus\:ring-0 {
- &: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);
- }
- }
- .focus\:ring-1 {
- &:focus {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- }
- .focus\:ring-2 {
- &:focus {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
- }
- }
- .focus\:ring-blue-400 {
- &:focus {
- --tw-ring-color: var(--color-blue-400);
- }
- }
- .focus\:ring-blue-500 {
- &:focus {
- --tw-ring-color: var(--color-blue-500);
- }
- }
- .focus\:ring-blue-500\/20 {
- &:focus {
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
- }
- }
- }
- .focus\:ring-current\/20 {
- &:focus {
- --tw-ring-color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, currentcolor 20%, transparent);
- }
- }
- }
- .focus\:ring-red-500 {
- &:focus {
- --tw-ring-color: var(--color-red-500);
- }
- }
- .focus\:ring-ring {
- &:focus {
- --tw-ring-color: var(--ring);
- }
- }
- .focus\:ring-offset-2 {
- &:focus {
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- }
- }
- .focus\:outline-hidden {
- &:focus {
- --tw-outline-style: none;
- outline-style: none;
- @media (forced-colors: active) {
- outline: 2px solid transparent;
- outline-offset: 2px;
- }
- }
- }
- .focus\:outline-none {
- &:focus {
- --tw-outline-style: none;
- outline-style: none;
- }
- }
- .focus-visible\:border-ring {
- &:focus-visible {
- border-color: var(--ring);
- }
- }
- .focus-visible\:ring-0 {
- &:focus-visible {
- --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);
- }
- }
- .focus-visible\:ring-2 {
- &:focus-visible {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
- }
- }
- .focus-visible\:ring-\[1px\] {
- &:focus-visible {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
- }
- }
- .focus-visible\:ring-ring {
- &:focus-visible {
- --tw-ring-color: var(--ring);
- }
- }
- .focus-visible\:ring-ring\/50 {
- &:focus-visible {
- --tw-ring-color: var(--ring);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
- }
- }
- }
- .focus-visible\:ring-offset-2 {
- &:focus-visible {
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- }
- }
- .focus-visible\:outline-none {
- &:focus-visible {
- --tw-outline-style: none;
- outline-style: none;
- }
- }
- .active\:scale-95 {
- &:active {
- --tw-scale-x: 95%;
- --tw-scale-y: 95%;
- --tw-scale-z: 95%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
- }
- .active\:cursor-grabbing {
- &:active {
- cursor: grabbing;
- }
- }
- .active\:border-border-strong {
- &:active {
- border-color: var(--border-strong);
- }
- }
- .active\:bg-sidebar-accent {
- &:active {
- background-color: var(--sidebar-accent);
- }
- }
- .active\:text-sidebar-accent-foreground {
- &:active {
- color: var(--sidebar-accent-foreground);
- }
- }
- .disabled\:pointer-events-none {
- &:disabled {
- pointer-events: none;
- }
- }
- .disabled\:cursor-not-allowed {
- &:disabled {
- cursor: not-allowed;
- }
- }
- .disabled\:bg-gray-400 {
- &:disabled {
- background-color: var(--color-gray-400);
- }
- }
- .disabled\:opacity-50 {
- &:disabled {
- opacity: 50%;
- }
- }
- .disabled\:hover\:bg-transparent {
- &:disabled {
- &:hover {
- @media (hover: hover) {
- background-color: transparent;
- }
- }
- }
- }
- .in-data-\[side\=left\]\:cursor-w-resize {
- :where(*[data-side="left"]) & {
- cursor: w-resize;
- }
- }
- .in-data-\[side\=right\]\:cursor-e-resize {
- :where(*[data-side="right"]) & {
- cursor: e-resize;
- }
- }
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
- &:has(*[data-slot="card-action"]) {
- grid-template-columns: 1fr auto;
- }
- }
- .has-data-\[variant\=inset\]\:bg-sidebar {
- &:has(*[data-variant="inset"]) {
- background-color: var(--sidebar);
- }
- }
- .has-\[\>svg\]\:px-2 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 2);
- }
- }
- .has-\[\>svg\]\:px-3 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 3);
- }
- }
- .has-\[\>svg\]\:px-4 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 4);
- }
- }
- .has-\[\>svg\]\:px-6 {
- &:has(>svg) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
- .aria-disabled\:pointer-events-none {
- &[aria-disabled="true"] {
- pointer-events: none;
- }
- }
- .aria-disabled\:opacity-50 {
- &[aria-disabled="true"] {
- opacity: 50%;
- }
- }
- .data-\[active\=true\]\:bg-background-medium {
- &[data-active="true"] {
- background-color: var(--background-medium);
- }
- }
- .data-\[active\=true\]\:bg-sidebar-accent {
- &[data-active="true"] {
- background-color: var(--sidebar-accent);
- }
- }
- .data-\[active\=true\]\:data-\[active\=true\]\:text-sidebar-accent-foreground {
- &[data-active="true"] {
- &[data-active="true"] {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- .data-\[active\=true\]\:text-sidebar-accent-foreground {
- &[data-active="true"] {
- color: var(--sidebar-accent-foreground);
- }
- }
- .data-\[disabled\]\:pointer-events-none {
- &[data-disabled] {
- pointer-events: none;
- }
- }
- .data-\[disabled\]\:opacity-50 {
- &[data-disabled] {
- opacity: 50%;
- }
- }
- .data-\[inset\]\:pl-8 {
- &[data-inset] {
- padding-left: calc(var(--spacing) * 8);
- }
- }
- .data-\[orientation\=horizontal\]\:h-px {
- &[data-orientation="horizontal"] {
- height: 1px;
- }
- }
- .data-\[orientation\=horizontal\]\:w-full {
- &[data-orientation="horizontal"] {
- width: 100%;
- }
- }
- .data-\[orientation\=vertical\]\:h-full {
- &[data-orientation="vertical"] {
- height: 100%;
- }
- }
- .data-\[orientation\=vertical\]\:w-px {
- &[data-orientation="vertical"] {
- width: 1px;
- }
- }
- .data-\[side\=bottom\]\:slide-in-from-top-2 {
- &[data-side="bottom"] {
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
- }
- }
- .data-\[side\=left\]\:slide-in-from-right-2 {
- &[data-side="left"] {
- --tw-enter-translate-x: calc(2*var(--spacing));
- }
- }
- .data-\[side\=right\]\:slide-in-from-left-2 {
- &[data-side="right"] {
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
- }
- }
- .data-\[side\=top\]\:slide-in-from-bottom-2 {
- &[data-side="top"] {
- --tw-enter-translate-y: calc(2*var(--spacing));
- }
- }
- .data-\[state\=active\]\:bg-background-muted {
- &[data-state="active"] {
- background-color: var(--background-muted);
- }
- }
- .data-\[state\=active\]\:text-text-default {
- &[data-state="active"] {
- color: var(--text-default);
- }
- }
- .data-\[state\=checked\]\:translate-x-3 {
- &[data-state="checked"] {
- --tw-translate-x: calc(var(--spacing) * 3);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .data-\[state\=checked\]\:bg-background-default {
- &[data-state="checked"] {
- background-color: var(--background-default);
- }
- }
- .data-\[state\=checked\]\:bg-slate-900 {
- &[data-state="checked"] {
- background-color: var(--color-slate-900);
- }
- }
- .data-\[state\=closed\]\:animate-out {
- &[data-state="closed"] {
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- }
- .data-\[state\=closed\]\:duration-300 {
- &[data-state="closed"] {
- --tw-duration: 300ms;
- transition-duration: 300ms;
- }
- }
- .data-\[state\=closed\]\:fade-out-0 {
- &[data-state="closed"] {
- --tw-exit-opacity: calc(0/100);
- --tw-exit-opacity: 0;
- }
- }
- .data-\[state\=closed\]\:zoom-out-95 {
- &[data-state="closed"] {
- --tw-exit-scale: calc(95*1%);
- --tw-exit-scale: .95;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-bottom {
- &[data-state="closed"] {
- --tw-exit-translate-y: 100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-left {
- &[data-state="closed"] {
- --tw-exit-translate-x: -100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-right {
- &[data-state="closed"] {
- --tw-exit-translate-x: 100%;
- }
- }
- .data-\[state\=closed\]\:slide-out-to-top {
- &[data-state="closed"] {
- --tw-exit-translate-y: -100%;
- }
- }
- .data-\[state\=open\]\:animate-in {
- &[data-state="open"] {
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
- }
- }
- .data-\[state\=open\]\:bg-background-muted {
- &[data-state="open"] {
- background-color: var(--background-muted);
- }
- }
- .data-\[state\=open\]\:text-text-muted {
- &[data-state="open"] {
- color: var(--text-muted);
- }
- }
- .data-\[state\=open\]\:opacity-100 {
- &[data-state="open"] {
- opacity: 100%;
- }
- }
- .data-\[state\=open\]\:duration-500 {
- &[data-state="open"] {
- --tw-duration: 500ms;
- transition-duration: 500ms;
- }
- }
- .data-\[state\=open\]\:fade-in-0 {
- &[data-state="open"] {
- --tw-enter-opacity: calc(0/100);
- --tw-enter-opacity: 0;
- }
- }
- .data-\[state\=open\]\:zoom-in-95 {
- &[data-state="open"] {
- --tw-enter-scale: calc(95*1%);
- --tw-enter-scale: .95;
- }
- }
- .data-\[state\=open\]\:slide-in-from-bottom {
- &[data-state="open"] {
- --tw-enter-translate-y: 100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-left {
- &[data-state="open"] {
- --tw-enter-translate-x: -100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-right {
- &[data-state="open"] {
- --tw-enter-translate-x: 100%;
- }
- }
- .data-\[state\=open\]\:slide-in-from-top {
- &[data-state="open"] {
- --tw-enter-translate-y: -100%;
- }
- }
- .data-\[state\=open\]\:hover\:bg-sidebar-accent {
- &[data-state="open"] {
- &:hover {
- @media (hover: hover) {
- background-color: var(--sidebar-accent);
- }
- }
- }
- }
- .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
- &[data-state="open"] {
- &:hover {
- @media (hover: hover) {
- color: var(--sidebar-accent-foreground);
- }
- }
- }
- }
- .data-\[state\=unchecked\]\:translate-x-0 {
- &[data-state="unchecked"] {
- --tw-translate-x: calc(var(--spacing) * 0);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- .data-\[state\=unchecked\]\:bg-slate-300 {
- &[data-state="unchecked"] {
- background-color: var(--color-slate-300);
- }
- }
- .data-\[variant\=destructive\]\:text-text-danger {
- &[data-variant="destructive"] {
- color: var(--text-danger);
- }
- }
- .data-\[variant\=destructive\]\:focus\:bg-background-danger\/10 {
- &[data-variant="destructive"] {
- &:focus {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 10%, transparent);
- }
- }
- }
- }
- .data-\[variant\=destructive\]\:focus\:text-text-danger {
- &[data-variant="destructive"] {
- &:focus {
- color: var(--text-danger);
- }
- }
- }
- .md\:mt-0 {
- @media (width >= 930px) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .md\:block {
- @media (width >= 930px) {
- display: block;
- }
- }
- .md\:flex {
- @media (width >= 930px) {
- display: flex;
- }
- }
- .md\:w-auto {
- @media (width >= 930px) {
- width: auto;
- }
- }
- .md\:max-w-\[200px\] {
- @media (width >= 930px) {
- max-width: 200px;
- }
- }
- .md\:grid-cols-2 {
- @media (width >= 930px) {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- }
- .md\:grid-cols-3 {
- @media (width >= 930px) {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- }
- .md\:flex-row {
- @media (width >= 930px) {
- flex-direction: row;
- }
- }
- .md\:items-center {
- @media (width >= 930px) {
- align-items: center;
- }
- }
- .md\:px-8 {
- @media (width >= 930px) {
- padding-inline: calc(var(--spacing) * 8);
- }
- }
- .md\:text-sm {
- @media (width >= 930px) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .md\:opacity-0 {
- @media (width >= 930px) {
- opacity: 0%;
- }
- }
- .md\:peer-data-\[collapsible\=offcanvas\]\:peer-data-\[state\=collapsed\]\:ml-0 {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-collapsible="offcanvas"] ~ *) {
- &:is(:where(.peer)[data-state="collapsed"] ~ *) {
- margin-left: calc(var(--spacing) * 0);
- }
- }
- }
- }
- .md\:peer-data-\[collapsible\=offcanvas\]\:peer-data-\[state\=expanded\]\:ml-\[var\(--sidebar-width\)\] {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-collapsible="offcanvas"] ~ *) {
- &:is(:where(.peer)[data-state="expanded"] ~ *) {
- margin-left: var(--sidebar-width);
- }
- }
- }
- }
- .md\:peer-data-\[variant\=inset\]\:ml-0 {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
- margin-left: calc(var(--spacing) * 0);
- }
- }
- }
- .md\:peer-data-\[variant\=inset\]\:rounded-xl {
- @media (width >= 930px) {
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
- border-radius: var(--radius-xl);
- }
- }
- }
- .md\:after\:hidden {
- @media (width >= 930px) {
- &::after {
- content: var(--tw-content);
- display: none;
- }
- }
- }
- .sm\:-top-3 {
- @media (width >= 40rem) {
- top: calc(var(--spacing) * -3);
- }
- }
- .sm\:-right-3 {
- @media (width >= 40rem) {
- right: calc(var(--spacing) * -3);
- }
- }
- .sm\:mt-6 {
- @media (width >= 40rem) {
- margin-top: calc(var(--spacing) * 6);
- }
- }
- .sm\:mb-12 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 12);
- }
- }
- .sm\:flex {
- @media (width >= 40rem) {
- display: flex;
- }
- }
- .sm\:size-8 {
- @media (width >= 40rem) {
- width: calc(var(--spacing) * 8);
- height: calc(var(--spacing) * 8);
- }
- }
- .sm\:h-5 {
- @media (width >= 40rem) {
- height: calc(var(--spacing) * 5);
- }
- }
- .sm\:w-5 {
- @media (width >= 40rem) {
- width: calc(var(--spacing) * 5);
- }
- }
- .sm\:max-w-2xl {
- @media (width >= 40rem) {
- max-width: var(--container-2xl);
- }
- }
- .sm\:max-w-\[80vw\] {
- @media (width >= 40rem) {
- max-width: 80vw;
- }
- }
- .sm\:max-w-\[400px\] {
- @media (width >= 40rem) {
- max-width: 400px;
- }
- }
- .sm\:max-w-\[425px\] {
- @media (width >= 40rem) {
- max-width: 425px;
- }
- }
- .sm\:max-w-\[500px\] {
- @media (width >= 40rem) {
- max-width: 500px;
- }
- }
- .sm\:max-w-\[600px\] {
- @media (width >= 40rem) {
- max-width: 600px;
- }
- }
- .sm\:max-w-\[800px\] {
- @media (width >= 40rem) {
- max-width: 800px;
- }
- }
- .sm\:max-w-lg {
- @media (width >= 40rem) {
- max-width: var(--container-lg);
- }
- }
- .sm\:max-w-md {
- @media (width >= 40rem) {
- max-width: var(--container-md);
- }
- }
- .sm\:max-w-sm {
- @media (width >= 40rem) {
- max-width: var(--container-sm);
- }
- }
- .sm\:grid-cols-2 {
- @media (width >= 40rem) {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- }
- .sm\:flex-row {
- @media (width >= 40rem) {
- flex-direction: row;
- }
- }
- .sm\:items-center {
- @media (width >= 40rem) {
- align-items: center;
- }
- }
- .sm\:justify-end {
- @media (width >= 40rem) {
- justify-content: flex-end;
- }
- }
- .sm\:gap-0 {
- @media (width >= 40rem) {
- gap: calc(var(--spacing) * 0);
- }
- }
- .sm\:gap-2 {
- @media (width >= 40rem) {
- gap: calc(var(--spacing) * 2);
- }
- }
- .sm\:space-y-4 {
- @media (width >= 40rem) {
- :where(& > :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)));
- }
- }
- }
- .sm\:p-4 {
- @media (width >= 40rem) {
- padding: calc(var(--spacing) * 4);
- }
- }
- .sm\:p-6 {
- @media (width >= 40rem) {
- padding: calc(var(--spacing) * 6);
- }
- }
- .sm\:px-6 {
- @media (width >= 40rem) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
- .sm\:text-left {
- @media (width >= 40rem) {
- text-align: left;
- }
- }
- .sm\:text-4xl {
- @media (width >= 40rem) {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- }
- .sm\:text-base {
- @media (width >= 40rem) {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- }
- .sm\:text-lg {
- @media (width >= 40rem) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .sm\:text-sm {
- @media (width >= 40rem) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .lg\:max-w-\[360px\] {
- @media (width >= 64rem) {
- max-width: 360px;
- }
- }
- .lg\:max-w-\[380px\] {
- @media (width >= 64rem) {
- max-width: 380px;
- }
- }
- .lg\:grid-cols-3 {
- @media (width >= 64rem) {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- }
- .xl\:grid-cols-4 {
- @media (width >= 80rem) {
- grid-template-columns: repeat(4, minmax(0, 1fr));
- }
- }
- .\32 xl\:grid-cols-5 {
- @media (width >= 96rem) {
- grid-template-columns: repeat(5, minmax(0, 1fr));
- }
- }
- .dark\:border-amber-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-amber-800);
- }
- }
- .dark\:border-amber-800\/30 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
- }
- }
- }
- .dark\:border-amber-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
- }
- }
- }
- .dark\:border-blue-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-blue-600);
- }
- }
- .dark\:border-blue-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-blue-800);
- }
- }
- .dark\:border-blue-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
- }
- }
- }
- .dark\:border-gray-500 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-500);
- }
- }
- .dark\:border-gray-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-600);
- }
- }
- .dark\:border-gray-700 {
- &:where(.dark, .dark *) {
- border-color: var(--color-gray-700);
- }
- }
- .dark\:border-green-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-green-600);
- }
- }
- .dark\:border-green-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-green-800);
- }
- }
- .dark\:border-orange-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-orange-600);
- }
- }
- .dark\:border-orange-800\/30 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-orange-800) 30%, transparent);
- }
- }
- }
- .dark\:border-orange-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
- }
- }
- }
- .dark\:border-red-600 {
- &:where(.dark, .dark *) {
- border-color: var(--color-red-600);
- }
- }
- .dark\:border-red-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-red-800);
- }
- }
- .dark\:border-red-800\/50 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
- }
- }
- }
- .dark\:border-white\/10 {
- &:where(.dark, .dark *) {
- border-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- .dark\:border-yellow-800 {
- &:where(.dark, .dark *) {
- border-color: var(--color-yellow-800);
- }
- }
- .dark\:bg-amber-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-amber-950 {
- &:where(.dark, .dark *) {
- background-color: var(--color-amber-950);
- }
- }
- .dark\:bg-amber-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-background-danger\/60 {
- &:where(.dark, .dark *) {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 60%, transparent);
- }
- }
- }
- .dark\:bg-black\/10 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #000000 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
- }
- }
- }
- .dark\:bg-black\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- }
- .dark\:bg-blue-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-blue-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-gray-600 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-600);
- }
- }
- .dark\:bg-gray-700 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-700);
- }
- }
- .dark\:bg-gray-800 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-800);
- }
- }
- .dark\:bg-gray-900 {
- &:where(.dark, .dark *) {
- background-color: var(--color-gray-900);
- }
- }
- .dark\:bg-green-400 {
- &:where(.dark, .dark *) {
- background-color: var(--color-green-400);
- }
- }
- .dark\:bg-green-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-green-900\/30 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
- }
- }
- }
- .dark\:bg-green-950\/50 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
- }
- }
- }
- .dark\:bg-orange-900\/30 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
- }
- }
- }
- .dark\:bg-orange-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-red-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- .dark\:bg-red-950\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
- }
- }
- }
- .dark\:bg-white {
- &:where(.dark, .dark *) {
- background-color: var(--color-white);
- }
- }
- .dark\:bg-white\/10 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #ffffff 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
- }
- }
- }
- .dark\:bg-white\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- .dark\:bg-yellow-900\/20 {
- &:where(.dark, .dark *) {
- background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
- }
- }
- }
- .dark\:text-amber-200 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-200);
- }
- }
- .dark\:text-amber-300 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-300);
- }
- }
- .dark\:text-amber-400 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-400);
- }
- }
- .dark\:text-amber-500 {
- &:where(.dark, .dark *) {
- color: var(--color-amber-500);
- }
- }
- .dark\:text-black {
- &:where(.dark, .dark *) {
- color: var(--color-black);
- }
- }
- .dark\:text-black\/40 {
- &:where(.dark, .dark *) {
- color: color-mix(in srgb, #000000 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-black) 40%, transparent);
- }
- }
- }
- .dark\:text-black\/60 {
- &:where(.dark, .dark *) {
- color: color-mix(in srgb, #000000 60%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-black) 60%, transparent);
- }
- }
- }
- .dark\:text-blue-200 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-200);
- }
- }
- .dark\:text-blue-300 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-300);
- }
- }
- .dark\:text-blue-400 {
- &:where(.dark, .dark *) {
- color: var(--color-blue-400);
- }
- }
- .dark\:text-gray-100 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-100);
- }
- }
- .dark\:text-gray-300 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-300);
- }
- }
- .dark\:text-gray-400 {
- &:where(.dark, .dark *) {
- color: var(--color-gray-400);
- }
- }
- .dark\:text-green-200 {
- &:where(.dark, .dark *) {
- color: var(--color-green-200);
- }
- }
- .dark\:text-green-300 {
- &:where(.dark, .dark *) {
- color: var(--color-green-300);
- }
- }
- .dark\:text-green-400 {
- &:where(.dark, .dark *) {
- color: var(--color-green-400);
- }
- }
- .dark\:text-green-500 {
- &:where(.dark, .dark *) {
- color: var(--color-green-500);
- }
- }
- .dark\:text-orange-200 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-200);
- }
- }
- .dark\:text-orange-300 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-300);
- }
- }
- .dark\:text-orange-400 {
- &:where(.dark, .dark *) {
- color: var(--color-orange-400);
- }
- }
- .dark\:text-purple-300 {
- &:where(.dark, .dark *) {
- color: var(--color-purple-300);
- }
- }
- .dark\:text-purple-400 {
- &:where(.dark, .dark *) {
- color: var(--color-purple-400);
- }
- }
- .dark\:text-red-200 {
- &:where(.dark, .dark *) {
- color: var(--color-red-200);
- }
- }
- .dark\:text-red-300 {
- &:where(.dark, .dark *) {
- color: var(--color-red-300);
- }
- }
- .dark\:text-red-400 {
- &:where(.dark, .dark *) {
- color: var(--color-red-400);
- }
- }
- .dark\:text-slate-300 {
- &:where(.dark, .dark *) {
- color: var(--color-slate-300);
- }
- }
- .dark\:text-white {
- &:where(.dark, .dark *) {
- color: var(--color-white);
- }
- }
- .dark\:text-yellow-300 {
- &:where(.dark, .dark *) {
- color: var(--color-yellow-300);
- }
- }
- .dark\:text-yellow-400 {
- &:where(.dark, .dark *) {
- color: var(--color-yellow-400);
- }
- }
- .dark\:shadow-black\/20 {
- &:where(.dark, .dark *) {
- --tw-shadow-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
- }
- }
- }
- .dark\:prose-invert {
- &:where(.dark, .dark *) {
- --tw-prose-body: var(--tw-prose-invert-body);
- --tw-prose-headings: var(--tw-prose-invert-headings);
- --tw-prose-lead: var(--tw-prose-invert-lead);
- --tw-prose-links: var(--tw-prose-invert-links);
- --tw-prose-bold: var(--tw-prose-invert-bold);
- --tw-prose-counters: var(--tw-prose-invert-counters);
- --tw-prose-bullets: var(--tw-prose-invert-bullets);
- --tw-prose-hr: var(--tw-prose-invert-hr);
- --tw-prose-quotes: var(--tw-prose-invert-quotes);
- --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
- --tw-prose-captions: var(--tw-prose-invert-captions);
- --tw-prose-kbd: var(--tw-prose-invert-kbd);
- --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
- --tw-prose-code: var(--tw-prose-invert-code);
- --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
- --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
- --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
- --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
- }
- }
- .dark\:peer-checked\:border-white {
- &:where(.dark, .dark *) {
- &:is(:where(.peer):checked ~ *) {
- border-color: var(--color-white);
- }
- }
- }
- .dark\:peer-checked\:bg-black {
- &:where(.dark, .dark *) {
- &:is(:where(.peer):checked ~ *) {
- background-color: var(--color-black);
- }
- }
- }
- .dark\:hover\:bg-background-muted\/50 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--background-muted);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-muted) 50%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-black\/15 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #000000 15%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-black\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #000000 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-blue-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-gray-700 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-700);
- }
- }
- }
- }
- .dark\:hover\:bg-gray-800 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-800);
- }
- }
- }
- }
- .dark\:hover\:bg-green-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-orange-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-red-900\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:bg-white\/20 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in srgb, #ffffff 20%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
- }
- }
- }
- }
- }
- .dark\:hover\:text-amber-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-amber-200);
- }
- }
- }
- }
- .dark\:hover\:text-blue-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-200);
- }
- }
- }
- }
- .dark\:hover\:text-green-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-green-200);
- }
- }
- }
- }
- .dark\:hover\:text-purple-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-purple-200);
- }
- }
- }
- }
- .dark\:hover\:text-red-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-red-200);
- }
- }
- }
- }
- .dark\:hover\:text-slate-200 {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-slate-200);
- }
- }
- }
- }
- .dark\:hover\:text-white {
- &:where(.dark, .dark *) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-white);
- }
- }
- }
- }
- .dark\:data-\[state\=checked\]\:bg-black {
- &:where(.dark, .dark *) {
- &[data-state="checked"] {
- background-color: var(--color-black);
- }
- }
- }
- .dark\:data-\[state\=checked\]\:bg-white {
- &:where(.dark, .dark *) {
- &[data-state="checked"] {
- background-color: var(--color-white);
- }
- }
- }
- .dark\:data-\[state\=unchecked\]\:bg-slate-600 {
- &:where(.dark, .dark *) {
- &[data-state="unchecked"] {
- background-color: var(--color-slate-600);
- }
- }
- }
- .dark\:data-\[state\=unchecked\]\:bg-white {
- &:where(.dark, .dark *) {
- &[data-state="unchecked"] {
- background-color: var(--color-white);
- }
- }
- }
- .dark\:data-\[variant\=destructive\]\:focus\:bg-background-danger\/20 {
- &:where(.dark, .dark *) {
- &[data-variant="destructive"] {
- &:focus {
- background-color: var(--background-danger);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--background-danger) 20%, transparent);
- }
- }
- }
- }
- }
- .prose-headings\:text-text-on-accent {
- & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-h1\:mt-0 {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-h1\:mb-5 {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 5);
- }
- }
- .prose-h1\:font-sans {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h1\:text-2xl {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- }
- .prose-h1\:font-normal {
- & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-h2\:mt-4 {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 4);
- }
- }
- .prose-h2\:mb-4 {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 4);
- }
- }
- .prose-h2\:font-sans {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h2\:text-xl {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- }
- .prose-h2\:font-normal {
- & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-h3\:mt-3 {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 3);
- }
- }
- .prose-h3\:mb-3 {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 3);
- }
- }
- .prose-h3\:font-sans {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-h3\:text-lg {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .prose-h3\:font-normal {
- & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- --tw-font-weight: var(--font-weight-normal);
- font-weight: var(--font-weight-normal);
- }
- }
- .prose-p\:mt-0 {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-p\:mb-2 {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 2);
- }
- }
- .prose-p\:font-sans {
- & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-a\:break-all {
- & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- word-break: break-all;
- }
- }
- .prose-a\:text-text-on-accent {
- & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-blockquote\:text-inherit {
- & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: inherit;
- }
- }
- .prose-strong\:text-text-on-accent {
- & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-em\:text-text-on-accent {
- & :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- color: var(--text-on-accent);
- }
- }
- .prose-code\:font-mono {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: monospace;
- }
- }
- .prose-code\:break-all {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- word-break: break-all;
- }
- }
- .prose-code\:whitespace-pre-wrap {
- & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- white-space: pre-wrap;
- }
- }
- .prose-pre\:m-0 {
- & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin: calc(var(--spacing) * 0);
- }
- }
- .prose-pre\:p-0 {
- & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 0);
- }
- }
- .prose-ol\:my-2 {
- & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-block: calc(var(--spacing) * 2);
- }
- }
- .prose-ol\:font-sans {
- & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-ul\:mt-0 {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-top: calc(var(--spacing) * 0);
- }
- }
- .prose-ul\:mb-3 {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin-bottom: calc(var(--spacing) * 3);
- }
- }
- .prose-ul\:font-sans {
- & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-li\:m-0 {
- & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- margin: calc(var(--spacing) * 0);
- }
- }
- .prose-li\:font-sans {
- & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- font-family: 'Cash Sans', sans-serif;
- }
- }
- .prose-table\:table {
- & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- display: table;
- }
- }
- .prose-table\:w-full {
- & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- width: 100%;
- }
- }
- .prose-thead\:bg-background-default {
- & :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- background-color: var(--background-default);
- }
- }
- .prose-th\:border {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .prose-th\:border-border-default {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-color: var(--border-default);
- }
- }
- .prose-th\:p-2 {
- & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 2);
- }
- }
- .prose-td\:border {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- }
- .prose-td\:border-border-default {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- border-color: var(--border-default);
- }
- }
- .prose-td\:p-2 {
- & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
- padding: calc(var(--spacing) * 2);
- }
- }
- .\[\&_\*\]\:z-20 {
- & * {
- z-index: 20;
- }
- }
- .\[\&_svg\]\:pointer-events-none {
- & svg {
- pointer-events: none;
- }
- }
- .\[\&_svg\]\:size-4 {
- & svg {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&_svg\]\:shrink-0 {
- & svg {
- flex-shrink: 0;
- }
- }
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
- & svg:not([class*='size-']) {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-muted {
- & svg:not([class*='text-']) {
- color: var(--text-muted);
- }
- }
- .\[\.border-b\]\:pb-6 {
- &:is(.border-b) {
- padding-bottom: calc(var(--spacing) * 6);
- }
- }
- .\[\.border-t\]\:pt-6 {
- &:is(.border-t) {
- padding-top: calc(var(--spacing) * 6);
- }
- }
- .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-text-danger {
- &[data-variant="destructive"] {
- :is(& > *) {
- &:is(svg) {
- color: var(--text-danger) !important;
- }
- }
- }
- }
- .\[\&\>button\]\:hidden {
- &>button {
- display: none;
- }
- }
- .\[\&\>div\]\:\!block {
- &>div {
- display: block !important;
- }
- }
- .\[\&\>span\:last-child\]\:truncate {
- &>span:last-child {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
- .\[\&\>svg\]\:\!size-4 {
- &>svg {
- width: calc(var(--spacing) * 4) !important;
- height: calc(var(--spacing) * 4) !important;
- }
- }
- .\[\&\>svg\]\:size-4 {
- &>svg {
- width: calc(var(--spacing) * 4);
- height: calc(var(--spacing) * 4);
- }
- }
- .\[\&\>svg\]\:shrink-0 {
- &>svg {
- flex-shrink: 0;
- }
- }
- .\[\&\>svg\]\:text-sidebar-accent-foreground {
- &>svg {
- color: var(--sidebar-accent-foreground);
- }
- }
- .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
- [data-side=left][data-collapsible=offcanvas] & {
- right: calc(var(--spacing) * -2);
- }
- }
- .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
- [data-side=left][data-state=collapsed] & {
- cursor: e-resize;
- }
- }
- .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
- [data-side=right][data-collapsible=offcanvas] & {
- left: calc(var(--spacing) * -2);
- }
- }
- .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
- [data-side=right][data-state=collapsed] & {
- cursor: w-resize;
- }
- }
-}
-@property --tw-animation-delay {
- syntax: "*";
- inherits: false;
- initial-value: 0s;
-}
-@property --tw-animation-direction {
- syntax: "*";
- inherits: false;
- initial-value: normal;
-}
-@property --tw-animation-duration {
- syntax: "*";
- inherits: false;
-}
-@property --tw-animation-fill-mode {
- syntax: "*";
- inherits: false;
- initial-value: none;
-}
-@property --tw-animation-iteration-count {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-blur {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-opacity {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-rotate {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-scale {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-enter-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-enter-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-blur {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-opacity {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-exit-rotate {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-scale {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-exit-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-exit-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-:root {
- --font-sans: 'Cash Sans', sans-serif;
- --font-mono: monospace;
- --background-accent: var(--color-accent);
- --border-accent: var(--color-accent);
- --text-accent: var(--color-accent);
- --text-on-accent: var(--color-white);
- --background-app: var(--color-white);
- --background-default: var(--color-white);
- --background-card: var(--color-white);
- --background-muted: var(--color-neutral-50);
- --background-medium: var(--color-neutral-100);
- --background-strong: var(--color-neutral-300);
- --background-inverse: var(--color-black);
- --background-danger: var(--color-red-200);
- --background-success: var(--color-green-200);
- --background-info: var(--color-blue-200);
- --background-warning: var(--color-yellow-200);
- --border-default: var(--color-neutral-100);
- --border-input: var(--color-neutral-100);
- --border-strong: var(--color-neutral-100);
- --border-danger: var(--color-red-200);
- --border-success: var(--color-green-200);
- --border-warning: var(--color-yellow-200);
- --border-info: var(--color-blue-200);
- --text-default: var(--color-neutral-800);
- --text-muted: var(--color-neutral-400);
- --text-inverse: var(--color-white);
- --text-danger: var(--color-red-200);
- --text-success: var(--color-green-200);
- --text-warning: var(--color-yellow-200);
- --text-info: var(--color-blue-200);
- --ring: var(--border-strong);
- --sidebar: var(--background-muted);
- --sidebar-foreground: var(--text-default);
- --sidebar-primary: var(--background-accent);
- --sidebar-primary-foreground: var(--text-inverse);
- --sidebar-accent: var(--background-muted);
- --sidebar-accent-foreground: var(--text-default);
- --sidebar-border: var(--border-default);
- --sidebar-ring: var(--border-default);
- --shadow-default: 0px 12px 32px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.02),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
-}
-.dark {
- --background-accent: var(--color-white);
- --border-accent: var(--color-white);
- --text-accent: var(--color-white);
- --text-on-accent: var(--color-black);
- --background-app: var(--color-neutral-950);
- --background-default: var(--color-neutral-950);
- --background-card: var(--color-neutral-950);
- --background-muted: var(--color-neutral-800);
- --background-medium: var(--color-neutral-700);
- --background-strong: var(--color-neutral-600);
- --background-inverse: var(--color-neutral-200);
- --background-danger: var(--color-red-100);
- --background-success: var(--color-green-100);
- --background-info: var(--color-blue-100);
- --background-warning: var(--color-yellow-100);
- --border-default: var(--color-neutral-800);
- --border-input: var(--color-neutral-700);
- --border-strong: var(--color-neutral-600);
- --border-danger: var(--color-red-100);
- --border-success: var(--color-green-100);
- --border-warning: var(--color-yellow-100);
- --border-info: var(--color-blue-100);
- --text-default: var(--color-white);
- --text-muted: var(--color-neutral-400);
- --text-inverse: var(--color-black);
- --text-danger: var(--color-red-100);
- --text-success: var(--color-green-100);
- --text-warning: var(--color-yellow-100);
- --text-info: var(--color-blue-100);
- --ring: var(--border-strong);
- --sidebar: var(--background-muted);
- --sidebar-foreground: var(--text-default);
- --sidebar-primary: var(--background-accent);
- --sidebar-primary-foreground: var(--text-inverse);
- --sidebar-accent: var(--background-muted);
- --sidebar-accent-foreground: var(--text-default);
- --sidebar-border: var(--border-default);
- --sidebar-ring: var(--border-default);
- --shadow-default: 0px 12px 32px 0px rgba(0, 0, 0, 0.2), 0px 8px 16px 0px rgba(0, 0, 0, 0.15),
- 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
-}
-@layer base {
- * {
- border-color: var(--border-default);
- }
- body {
- color: var(--text-default);
- }
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Light.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Light.woff) format('woff');
- font-weight: 300;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Regular.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Regular.woff) format('woff');
- font-weight: 400;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Medium.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Medium.woff) format('woff');
- font-weight: 500;
- font-style: normal;
-}
-@font-face {
- font-family: 'Cash Sans';
- src: url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff2/CashSans-Bold.woff2) format('woff2'), url(https://cash-f.squarecdn.com/static/fonts/cashsans/woff/CashSans-Bold.woff) format('woff');
- font-weight: 700;
- font-style: normal;
-}
-@keyframes appear {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes fade-slide-up {
- from {
- opacity: 0;
- transform: translateY(20px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-@keyframes sidebar-item-in {
- from {
- opacity: 0;
- transform: translateX(20px);
- }
- to {
- opacity: 1;
- transform: translateX(0);
- }
-}
-@keyframes wind {
- 0% {
- transform: translate(0, 0);
- }
- 99.99% {
- transform: translate(-100%, 100%);
- }
- 100% {
- transform: translate(0, 0);
- }
-}
-.sidebar-item {
- opacity: 0;
- transform: translateX(20px);
- animation: sidebar-item-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
- will-change: transform, opacity;
-}
-.sidebar-item:nth-child(1) {
- animation-delay: 0.05s;
-}
-.sidebar-item:nth-child(2) {
- animation-delay: 0.2s;
-}
-.sidebar-item:nth-child(3) {
- animation-delay: 0.4s;
-}
-.sidebar-item:nth-child(4) {
- animation-delay: 0.45s;
-}
-.sidebar-item:nth-child(5) {
- animation-delay: 0.5s;
-}
-.sidebar-item:nth-child(6) {
- animation-delay: 0.25s;
-}
-.sidebar-item:nth-child(7) {
- animation-delay: 0.5s;
-}
-.sidebar-item {
- animation-fill-mode: forwards;
-}
-@media (prefers-reduced-motion: reduce) {
- .sidebar-item {
- animation: none;
- opacity: 1;
- transform: none;
- }
-}
-@media (prefers-reduced-motion: reduce) {
- *:not(.Toastify *), *:not(.Toastify *)::before, *:not(.Toastify *)::after {
- animation-duration: 0.01ms !important;
- animation-iteration-count: 1 !important;
- transition-duration: 0.01ms !important;
- scroll-behavior: auto !important;
- }
- .animate-shimmer, .animate-spin, .animate-pulse, .animate-bounce, [class*='animate-']:not(.Toastify *) {
- animation: none !important;
- }
- .page-transition {
- animation: none !important;
- opacity: 1 !important;
- }
- .goose-icon-entrance {
- animation: none !important;
- opacity: 1 !important;
- transform: none !important;
- }
- [class*='animate-[wind'] {
- animation: none !important;
- }
-}
-.Toastify__close-button {
- color: var(--text-prominent-inverse) !important;
- opacity: 0.7;
- align-self: center;
- margin-top: 0;
- margin-right: 8px;
- padding: 4px;
- border-radius: 4px;
- transition: opacity 0.2s ease, background-color 0.2s ease;
-}
-.Toastify__close-button:hover {
- opacity: 1;
- background-color: rgba(255, 255, 255, 0.1);
-}
-.Toastify__close-button:focus {
- outline: 2px solid var(--color-block-teal);
- outline-offset: 2px;
-}
-.Toastify__toast--success .Toastify__close-button, .Toastify__toast--error .Toastify__close-button, .Toastify__toast--info .Toastify__close-button, .Toastify__toast--warning .Toastify__close-button, .Toastify__toast--default .Toastify__close-button {
- color: var(--text-prominent-inverse) !important;
-}
-.animate-fade-slide-up {
- animation: fade-slide-up 0.15s ease-out forwards;
-}
-[data-radix-scroll-area-viewport] {
- scrollbar-width: auto !important;
- -ms-overflow-style: auto !important;
-}
-[data-radix-scroll-area-viewport] > div {
- display: block !important;
-}
-* {
- scrollbar-width: auto;
- scrollbar-color: var(--color-neutral-200) transparent;
-}
-.dark * {
- scrollbar-color: var(--color-neutral-400) transparent;
-}
-::-webkit-scrollbar {
- -webkit-appearance: none;
- width: 12px;
- height: 12px;
- background-color: transparent;
-}
-::-webkit-scrollbar-track {
- background: transparent;
- border-radius: 0;
-}
-::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-200);
- border: 3px solid transparent;
- border-radius: 8px;
- background-clip: padding-box;
- min-height: 40px;
-}
-.dark ::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-400);
-}
-::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-300);
- border: 2px solid transparent;
-}
-.dark ::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-500);
-}
-::-webkit-scrollbar-thumb:active {
- background-color: var(--color-neutral-400);
- border: 2px solid transparent;
-}
-.dark ::-webkit-scrollbar-thumb:active {
- background-color: var(--color-neutral-500);
-}
-::-webkit-scrollbar-track {
- background: transparent;
- border-radius: 4px;
-}
-::-webkit-scrollbar-thumb {
- background: var(--color-neutral-200);
- border-radius: 4px;
-}
-.dark ::-webkit-scrollbar-thumb {
- background: var(--color-neutral-400);
-}
-::-webkit-scrollbar-thumb:hover {
- background: var(--color-neutral-300);
-}
-.dark ::-webkit-scrollbar-thumb:hover {
- background: var(--color-neutral-500);
-}
-body {
- background-color: var(--background-app);
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
-}
-.word-break {
- overflow-wrap: break-word;
- word-wrap: break-word;
- word-break: break-word;
-}
-.titlebar-drag-region {
- -webkit-app-region: drag;
- height: 32px;
- width: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 50;
-}
-.no-drag {
- -webkit-app-region: no-drag;
-}
-.bg-inline-code {
- border-radius: 4px;
- color: var(--color-neutral-200);
- font-family: monospace;
- font-size: 12px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
-}
-.bg-inline-code:before {
- content: '';
-}
-pre:has(> code.bg-inline-code) {
- padding: 1em;
-}
-li > code.bg-inline-code, p > code.bg-inline-code {
- color: var(--color-block-orange);
- padding: 2px 4px;
-}
-.bg-inline-code:after {
- content: '';
-}
-.user-message p {
- margin-bottom: 0 !important;
-}
-.scrollbar-thin {
- scrollbar-width: thin;
-}
-.assistant:has(+ .user):not(.in-chain) .goose-message {
- padding-bottom: 24px;
-}
-.sidebar-scrollbar {
- scrollbar-gutter: stable;
- scrollbar-width: thin;
- scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-}
-.dark .sidebar-scrollbar {
- scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
-}
-.sidebar-scrollbar::-webkit-scrollbar {
- width: 6px;
- position: absolute;
- right: 0;
-}
-.sidebar-scrollbar::-webkit-scrollbar-track {
- background: transparent;
- margin: 8px 0;
-}
-.sidebar-scrollbar::-webkit-scrollbar-thumb {
- background-color: rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- border: none;
-}
-.dark .sidebar-scrollbar::-webkit-scrollbar-thumb {
- background-color: rgba(255, 255, 255, 0.2);
-}
-.sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
- background-color: rgba(0, 0, 0, 0.3);
-}
-.dark .sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
- background-color: rgba(255, 255, 255, 0.3);
-}
-.virtualized-list {
- scrollbar-width: thin;
- scrollbar-color: var(--color-neutral-300) transparent;
-}
-.virtualized-list::-webkit-scrollbar {
- width: 8px;
-}
-.virtualized-list::-webkit-scrollbar-track {
- background: transparent;
-}
-.virtualized-list::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-300);
- border-radius: 4px;
-}
-.dark .virtualized-list::-webkit-scrollbar-thumb {
- background-color: var(--color-neutral-400);
-}
-.virtualized-list::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-400);
-}
-.dark .virtualized-list::-webkit-scrollbar-thumb:hover {
- background-color: var(--color-neutral-300);
-}
-.virtualized-list > div {
- outline: none;
-}
-.virtualized-list * {
- contain: layout style paint;
-}
-@keyframes goose-icon-entrance {
- from {
- opacity: 0;
- transform: scale(0.25) translate(-5px, 5px) rotate(-20deg);
- }
- to {
- opacity: 1;
- transform: scale(1) translate(0, 0) rotate(0deg);
- }
-}
-.goose-icon-animation {
- animation: goose-icon-entrance 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
- transform-origin: bottom left;
-}
-.session-skeleton {
- contain: layout style paint;
- min-height: 140px;
-}
-[data-slot='sidebar-menu-button'] {
- pointer-events: auto !important;
- touch-action: manipulation;
-}
-.sidebar-item button, .sidebar-item a, [data-slot='sidebar-menu-button'] {
- pointer-events: auto !important;
- will-change: auto;
-}
-.sidebar-item, .sidebar-item * {
- pointer-events: auto !important;
-}
-.route-container {
- transform: translateZ(0);
- backface-visibility: hidden;
- contain: layout style paint;
-}
-@keyframes page-fade-in {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-.page-transition {
- opacity: 0;
- animation: page-fade-in 0.08s ease-out forwards;
- pointer-events: auto;
-}
-[data-slot='sidebar-container'] {
- transform: translateZ(0);
- backface-visibility: hidden;
- will-change: transform;
-}
-[data-slot='sidebar-gap'] {
- will-change: width;
-}
-[data-state='expanded'] [data-slot='sidebar-container'], [data-state='collapsed'] [data-slot='sidebar-container'] {
- will-change: auto;
-}
-[data-state='expanded'] [data-slot='sidebar-gap'], [data-state='collapsed'] [data-slot='sidebar-gap'] {
- will-change: auto;
-}
-[data-state='expanded'] [data-slot='sidebar-container'], [data-state='collapsed'] [data-slot='sidebar-container'] {
- will-change: transform;
-}
-[data-state='expanded'] [data-slot='sidebar-gap'], [data-state='collapsed'] [data-slot='sidebar-gap'] {
- will-change: width;
-}
-@keyframes shimmer {
- 0% {
- transform: translateX(-100%);
- opacity: 0;
- }
- 20% {
- opacity: 0.15;
- }
- 50% {
- transform: translateX(100%);
- opacity: 0.05;
- }
- 80% {
- opacity: 0.15;
- }
- 100% {
- transform: translateX(-100%);
- opacity: 0;
- }
-}
-.animate-shimmer {
- animation: shimmer 6s ease-in-out infinite;
-}
-.prose .katex {
- font-size: 1.05em;
- color: inherit;
-}
-.katex-display {
- margin: 0.75em 0;
- padding: 1em;
- background-color: var(--background-muted);
- border: 1px solid var(--border-default);
- border-radius: 6px;
- overflow-x: auto;
- overflow-y: hidden;
- scrollbar-width: thin;
- text-align: center;
-}
-.katex-display .katex {
- color: var(--color-neutral-800);
-}
-.dark .katex-display .katex {
- color: #e6e6e6;
-}
-.katex-error {
- color: var(--text-danger);
-}
-@property --tw-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-z {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-scale-x {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-y {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-z {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@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-space-x-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: "";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-via {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-to {
- syntax: "";
- 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: "";
- inherits: false;
- initial-value: 0%;
-}
-@property --tw-gradient-via-position {
- syntax: "";
- inherits: false;
- initial-value: 50%;
-}
-@property --tw-gradient-to-position {
- syntax: "";
- inherits: false;
- initial-value: 100%;
-}
-@property --tw-leading {
- syntax: "*";
- inherits: false;
-}
-@property --tw-font-weight {
- syntax: "*";
- inherits: false;
-}
-@property --tw-tracking {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ordinal {
- syntax: "*";
- inherits: false;
-}
-@property --tw-slashed-zero {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-figure {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-spacing {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-fraction {
- 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: "";
- 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: "";
- 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: "";
- inherits: false;
- initial-value: 0px;
-}
-@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-outline-style {
- syntax: "*";
- inherits: false;
- initial-value: solid;
-}
-@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: "";
- inherits: false;
- initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-blur {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-brightness {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-contrast {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-grayscale {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-invert {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-opacity {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-saturate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-sepia {
- syntax: "*";
- inherits: false;
-}
-@property --tw-duration {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ease {
- syntax: "*";
- inherits: false;
-}
-@property --tw-content {
- syntax: "*";
- initial-value: "";
- inherits: false;
-}
-@keyframes spin {
- to {
- transform: rotate(360deg);
- }
-}
-@keyframes pulse {
- 50% {
- opacity: 0.5;
- }
-}
-@keyframes bounce {
- 0%, 100% {
- transform: translateY(-25%);
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
- }
- 50% {
- transform: none;
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
- }
-}
-@keyframes enter {
- from {
- opacity: var(--tw-enter-opacity,1);
- transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
- filter: blur(var(--tw-enter-blur,0));
- }
-}
-@keyframes exit {
- to {
- opacity: var(--tw-exit-opacity,1);
- transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
- filter: blur(var(--tw-exit-blur,0));
- }
-}
-@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-translate-x: 0;
- --tw-translate-y: 0;
- --tw-translate-z: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-scale-z: 1;
- --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-space-x-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-leading: initial;
- --tw-font-weight: initial;
- --tw-tracking: initial;
- --tw-ordinal: initial;
- --tw-slashed-zero: initial;
- --tw-numeric-figure: initial;
- --tw-numeric-spacing: initial;
- --tw-numeric-fraction: 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-outline-style: solid;
- --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;
- --tw-backdrop-blur: initial;
- --tw-backdrop-brightness: initial;
- --tw-backdrop-contrast: initial;
- --tw-backdrop-grayscale: initial;
- --tw-backdrop-hue-rotate: initial;
- --tw-backdrop-invert: initial;
- --tw-backdrop-opacity: initial;
- --tw-backdrop-saturate: initial;
- --tw-backdrop-sepia: initial;
- --tw-duration: initial;
- --tw-ease: initial;
- --tw-content: "";
- --tw-animation-delay: 0s;
- --tw-animation-direction: normal;
- --tw-animation-duration: initial;
- --tw-animation-fill-mode: none;
- --tw-animation-iteration-count: 1;
- --tw-enter-blur: 0;
- --tw-enter-opacity: 1;
- --tw-enter-rotate: 0;
- --tw-enter-scale: 1;
- --tw-enter-translate-x: 0;
- --tw-enter-translate-y: 0;
- --tw-exit-blur: 0;
- --tw-exit-opacity: 1;
- --tw-exit-rotate: 0;
- --tw-exit-scale: 1;
- --tw-exit-translate-x: 0;
- --tw-exit-translate-y: 0;
- }
- }
-}
diff --git a/input.wav b/input.wav
deleted file mode 100644
index be6f238ba4..0000000000
Binary files a/input.wav and /dev/null differ