+
+
+```
+
+#### Modal Interactions
+
+```html
+
+
+```
+
+#### Custom HTMX Variants
+
+```css
+/* Loading states */
+.htmx-request .htmx-indicator {
+ display: block;
+}
+
+/* Transition effects */
+.htmx-settling {
+ opacity: 0.7;
+ transition: opacity 0.3s ease;
+}
+
+.htmx-swapping {
+ transform: scale(0.98);
+ transition: transform 0.2s ease;
+}
+```
+
+### Alpine.js Patterns
+
+Alpine.js handles client-side state management and interactions:
+
+#### Dropdown Components
+
+```html
+
+
+ 
+
+
+```
+
+#### Modal Management
+
+```html
+
+
+
+
+
+
+
+
+```
+
+### JavaScript Architecture (`static/js/`)
+
+#### Modular JavaScript Organization
+
+```
+static/js/
+├── main.js # Core functionality (theme, navigation)
+├── alerts.js # Alert system management
+├── photo-gallery.js # Photo gallery interactions
+├── park-map.js # Leaflet map integration
+├── location-autocomplete.js # Geographic search
+└── alpine.min.js # Alpine.js framework
+```
+
+#### Theme Management (`static/js/main.js`)
+
+```javascript
+// Theme handling with system preference detection
+document.addEventListener('DOMContentLoaded', () => {
+ const themeToggle = document.getElementById('theme-toggle');
+ const html = document.documentElement;
+
+ // Initialize toggle state
+ if (themeToggle) {
+ themeToggle.checked = html.classList.contains('dark');
+
+ // Handle toggle changes
+ themeToggle.addEventListener('change', function() {
+ const isDark = this.checked;
+ html.classList.toggle('dark', isDark);
+ localStorage.setItem('theme', isDark ? 'dark' : 'light');
+ });
+
+ // Listen for system theme changes
+ const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+ mediaQuery.addEventListener('change', (e) => {
+ if (!localStorage.getItem('theme')) {
+ const isDark = e.matches;
+ html.classList.toggle('dark', isDark);
+ themeToggle.checked = isDark;
+ }
+ });
+ }
+});
+```
+
+#### Mobile Navigation
+
+```javascript
+// Mobile menu with smooth transitions
+const toggleMenu = () => {
+ isMenuOpen = !isMenuOpen;
+ mobileMenu.classList.toggle('show', isMenuOpen);
+ mobileMenuBtn.setAttribute('aria-expanded', isMenuOpen.toString());
+
+ // Update icon
+ const icon = mobileMenuBtn.querySelector('i');
+ icon.classList.remove(isMenuOpen ? 'fa-bars' : 'fa-times');
+ icon.classList.add(isMenuOpen ? 'fa-times' : 'fa-bars');
+};
+```
+
+### Template System Patterns
+
+#### Component-Based Architecture
+
+```
+templates/
+├── base/
+│ └── base.html # Base template with navigation
+├── core/
+│ ├── search/
+│ │ ├── components/ # Search UI components
+│ │ ├── layouts/ # Search layout templates
+│ │ └── partials/ # Reusable search elements
+├── parks/
+│ ├── partials/
+│ │ ├── park_list_item.html # Reusable park card
+│ │ ├── park_actions.html # Action buttons
+│ │ └── park_stats.html # Statistics display
+│ ├── park_detail.html # Main park page
+│ └── park_list.html # Park listing page
+└── media/
+ └── partials/
+ ├── photo_display.html # Photo gallery component
+ └── photo_upload.html # Upload interface
+```
+
+#### Template Inheritance Pattern
+
+```html
+
+
+
+
+
+
+
+{% endblock %}
+```
+
+---
+
+## User Experience and Key Features
+
+### Navigation and Information Architecture
+
+#### Primary Navigation Structure
+
+```
+ThrillWiki Navigation
+├── Home # Dashboard with featured content
+├── Parks # Theme park directory
+│ ├── Browse Parks # Filterable park listings
+│ ├── Add New Park # User contribution form
+│ └── [Park Detail] # Individual park pages
+├── Rides # Ride directory (global)
+│ ├── Browse Rides # Cross-park ride search
+│ ├── Add New Ride # User contribution form
+│ └── [Ride Detail] # Individual ride pages
+├── Search # Universal search interface
+└── User Account
+ ├── Profile # User profile and stats
+ ├── Settings # Preferences and account
+ ├── Moderation # Content review (if authorized)
+ └── Admin # System administration (if authorized)
+```
+
+#### Responsive Navigation Patterns
+
+- **Desktop**: Full horizontal navigation with search bar
+- **Tablet**: Collapsible navigation with maintained search functionality
+- **Mobile**: Hamburger menu with slide-out panel
+
+### Core Feature Set
+
+#### 1. Park Management System
+
+**Park Detail Pages** provide comprehensive information:
+
+```
+Park Information Hierarchy
+├── Header Section
+│ ├── Park name and location
+│ ├── Status badge (Operating, Closed, etc.)
+│ ├── Average rating display
+│ └── Quick action buttons
+├── Statistics Dashboard
+│ ├── Operator information (priority display)
+│ ├── Property owner (if different)
+│ ├── Total ride count (linked)
+│ ├── Roller coaster count
+│ ├── Opening date
+│ └── Website link
+├── Content Sections
+│ ├── Photo gallery (if photos exist)
+│ ├── About section (description)
+│ ├── Rides & Attractions (preview list)
+│ └── Location map (if coordinates available)
+└── Additional Information
+ ├── History timeline
+ ├── Related parks
+ └── User contributions
+```
+
+**Key UX Features**:
+- **Smart statistics layout**: Responsive grid that prevents awkward spacing
+- **Priority content placement**: Operator information prominently featured
+- **Contextual actions**: Edit/moderate buttons appear based on user permissions
+- **Progressive disclosure**: Detailed information revealed as needed
+
+#### 2. Advanced Search and Filtering
+
+**Unified Search System** supports:
+
+- **Cross-content search**: Parks, rides, companies in single interface
+- **Geographic filtering**: Search within specific regions or distances
+- **Attribute filtering**: Status, ride types, ratings, opening dates
+- **Real-time results**: HTMX-powered instant search feedback
+
+**Search Result Patterns**:
+```html
+
+
+ {% include "parks/partials/park_list_item.html" %}
+
+
+
+```
+
+#### 3. Geographic and Mapping Features
+
+**Unified Map Service** provides:
+
+- **Multi-layer mapping**: Parks, rides, and companies on single map
+- **Intelligent clustering**: Zoom-level appropriate point grouping
+- **Performance optimization**: Smart caching and result limiting
+- **Geographic bounds**: Efficient spatial queries using PostGIS
+
+**Map Integration Pattern**:
+```javascript
+// Park detail map initialization
+document.addEventListener('DOMContentLoaded', function() {
+ {% with location=park.location.first %}
+ initParkMap({{ location.latitude }}, {{ location.longitude }}, "{{ park.name }}");
+ {% endwith %}
+});
+```
+
+#### 4. Content Moderation Workflow
+
+**Submission Process**:
+
+```
+User Contribution Flow
+├── Content Creation
+│ ├── Form submission (parks, rides, photos)
+│ ├── Validation and sanitization
+│ └── EditSubmission/PhotoSubmission creation
+├── Review Process
+│ ├── Moderator dashboard listing
+│ ├── Side-by-side comparison view
+│ ├── Edit capability before approval
+│ └── Approval/rejection with notes
+├── Publication
+│ ├── Automatic publication for moderators
+│ ├── Content integration into main database
+│ └── User notification system
+└── History Tracking
+ ├── Complete audit trail
+ ├── Revert capability
+ └── Performance metrics
+```
+
+**Moderation Features**:
+- **Auto-approval**: Moderators bypass review process
+- **Edit before approval**: Moderators can refine submissions
+- **Batch operations**: Efficient handling of multiple submissions
+- **Escalation system**: Complex cases forwarded to administrators
+
+#### 5. Photo and Media Management
+
+**Photo System Features**:
+
+- **Multi-format support**: JPEG, PNG with automatic optimization
+- **EXIF extraction**: Automatic date/time capture from metadata
+- **Approval workflow**: Moderation for user-uploaded content
+- **Smart storage**: Organized directory structure by content type
+- **Primary photo designation**: Featured image selection per entity
+
+**Upload Interface**:
+```html
+
+Park
+ {{ park.name }}
+{{ park.formatted_location }}
+
+ {{ park.ride_count }} rides
+ {{ park.get_status_display }}
+
+
+
+
+```
+
+#### 6. User Authentication and Profiles
+
+**Authentication Features**:
+- **Social OAuth**: Google and Discord integration
+- **Custom profiles**: Display names, avatars, bio information
+- **Role-based permissions**: User, Moderator, Admin, Superuser levels
+- **Theme preferences**: User-specific dark/light mode settings
+
+**Profile Statistics**:
+```html
+
+
+
+```
+
+#### 7. History and Audit System
+
+**Change Tracking Features**:
+- **Complete audit trails**: Every modification recorded
+- **Diff visualization**: Before/after comparisons
+- **User attribution**: Change tracking by user
+- **Revert capability**: Rollback to previous versions
+- **Performance monitoring**: Query and response time tracking
+
+### Accessibility and Responsive Design
+
+#### Mobile-First Approach
+
+- **Responsive breakpoints**: 540px, 768px, 1024px, 1280px+
+- **Touch-friendly interfaces**: Appropriate button sizes and spacing
+- **Optimized content hierarchy**: Essential information prioritized on small screens
+
+#### Accessibility Features
+
+- **Semantic HTML**: Proper heading structure and landmarks
+- **ARIA labels**: Screen reader support for interactive elements
+- **Keyboard navigation**: Full keyboard accessibility
+- **Color contrast**: WCAG AA compliant color schemes
+- **Focus indicators**: Clear focus states for interactive elements
+
+---
+
+## Page Structure and Templates
+
+### Template Hierarchy and Organization
+
+#### Base Template Architecture
+
+```html
+
+
+
+
+
+
+
+
+ {{ profile.coaster_credits }}
+ Coaster Credits
+
+
+ {{ profile.dark_ride_credits }}
+ Dark Rides
+
+
+
+
+
+
+
+
+{% include "media/partials/photo_upload_modal.html" %}
+{% endblock %}
+
+{% block extra_js %}
+
+{% if park.location.exists %}
+
+
+{% endif %}
+{% endblock %}
+```
+
+#### Reusable Partial Templates
+
+##### Park Statistics Component
+
+```html
+
+
+{% if park.operator %}
+
+
+
+
+
+
+
+
+
+
+ + {{ park.name }} +
+ {% if park.formatted_location %} +
+
+
+ {% endif %}
+ {{ park.formatted_location }}
+
+ {% include "parks/partials/park_stats.html" %}
+
+
+
+ {% if park.photos.exists %}
+
+
+ {% endif %}
+
+
+ Photos
+ {% include "media/partials/photo_display.html" %} +
+
+
+
+
+ {% include "parks/partials/park_description.html" %}
+ {% include "parks/partials/park_rides.html" %}
+
+
+
+
+ {% include "parks/partials/park_map.html" %}
+ {% include "parks/partials/park_history.html" %}
+
+
+
+{% endif %}
+
+
+
+
+ Operator
+
+
+ {{ park.operator.name }}
+
+
+
+
+ Total Rides
+
+ {{ park.ride_count|default:"N/A" }}
+
+
+
+```
+
+##### Photo Display Component
+
+```html
+
+
+ {% for photo in photos %}
+
+```
+
+### Form Templates and User Input
+
+#### Dynamic Form Rendering
+
+```html
+
+{% extends "base/base.html" %}
+
+{% block content %}
+
+ 
+
+ {% if photo.caption %}
+
+ {% endfor %}
+
+
+ {% if photo.caption %}
+
+
+ {% endif %}
+ {{ photo.caption }}
+
+
+{% endblock %}
+```
+
+### Static File Organization
+
+#### Asset Structure
+
+```
+static/
+├── css/
+│ ├── src/
+│ │ └── input.css # Tailwind source
+│ ├── tailwind.css # Compiled Tailwind
+│ └── alerts.css # Custom alert styles
+├── js/
+│ ├── main.js # Core functionality
+│ ├── alerts.js # Alert management
+│ ├── photo-gallery.js # Photo interactions
+│ ├── park-map.js # Map functionality
+│ ├── location-autocomplete.js # Geographic search
+│ └── alpine.min.js # Alpine.js framework
+└── images/
+ ├── placeholders/ # Default images
+ └── icons/ # Custom icons
+```
+
+#### Template Tag Usage
+
+Custom template tags enhance template functionality:
+
+```html
+
+{% load park_tags %}
+
+
+
+ {{ park.get_status_display }}
+
+
+
+{% if park.average_rating %}
+{% rating_stars park.average_rating %}
+{% endif %}
+```
+
+---
+
+## Services and Business Logic
+
+### Unified Map Service Architecture
+
+The `UnifiedMapService` provides the core geographic functionality for ThrillWiki, handling location data for parks, rides, and companies through a sophisticated service layer.
+
+#### Service Architecture Overview
+
+```
+UnifiedMapService
+├── LocationAbstractionLayer # Data source abstraction
+├── ClusteringService # Point clustering for performance
+├── MapCacheService # Intelligent caching
+└── Data Structures # Type-safe data containers
+```
+
+#### Core Service Implementation
+
+```python
+# core/services/map_service.py
+class UnifiedMapService:
+ """
+ Main service orchestrating map data retrieval, filtering, clustering, and caching.
+ Provides a unified interface for all location types with performance optimization.
+ """
+
+ # Performance thresholds
+ MAX_UNCLUSTERED_POINTS = 500
+ MAX_CLUSTERED_POINTS = 2000
+ DEFAULT_ZOOM_LEVEL = 10
+
+ def __init__(self):
+ self.location_layer = LocationAbstractionLayer()
+ self.clustering_service = ClusteringService()
+ self.cache_service = MapCacheService()
+
+ def get_map_data(
+ self,
+ bounds: Optional[GeoBounds] = None,
+ filters: Optional[MapFilters] = None,
+ zoom_level: int = DEFAULT_ZOOM_LEVEL,
+ cluster: bool = True,
+ use_cache: bool = True
+ ) -> MapResponse:
+ """
+ Primary method for retrieving unified map data with intelligent
+ caching, clustering, and performance optimization.
+ """
+ # Implementation handles cache checking, database queries,
+ # smart limiting, clustering decisions, and response caching
+ pass
+
+ def get_location_details(self, location_type: str, location_id: int) -> Optional[UnifiedLocation]:
+ """Get detailed information for a specific location with caching."""
+ pass
+
+ def search_locations(
+ self,
+ query: str,
+ bounds: Optional[GeoBounds] = None,
+ location_types: Optional[Set[LocationType]] = None,
+ limit: int = 50
+ ) -> List[UnifiedLocation]:
+ """Search locations with text query and geographic bounds."""
+ pass
+```
+
+#### Data Structure System
+
+The service uses type-safe data structures for all map operations:
+
+```python
+# core/services/data_structures.py
+
+class LocationType(Enum):
+ """Types of locations supported by the map service."""
+ PARK = "park"
+ RIDE = "ride"
+ COMPANY = "company"
+ GENERIC = "generic"
+
+@dataclass
+class GeoBounds:
+ """Geographic boundary box for spatial queries."""
+ north: float
+ south: float
+ east: float
+ west: float
+
+ def to_polygon(self) -> Polygon:
+ """Convert bounds to PostGIS Polygon for database queries."""
+ return Polygon.from_bbox((self.west, self.south, self.east, self.north))
+
+ def expand(self, factor: float = 1.1) -> 'GeoBounds':
+ """Expand bounds by factor for buffer queries."""
+ pass
+
+@dataclass
+class MapFilters:
+ """Filtering options for map queries."""
+ location_types: Optional[Set[LocationType]] = None
+ park_status: Optional[Set[str]] = None
+ ride_types: Optional[Set[str]] = None
+ search_query: Optional[str] = None
+ min_rating: Optional[float] = None
+ has_coordinates: bool = True
+ country: Optional[str] = None
+ state: Optional[str] = None
+ city: Optional[str] = None
+
+@dataclass
+class UnifiedLocation:
+ """Standardized location representation across all entity types."""
+ id: int
+ location_type: LocationType
+ name: str
+ coordinates: Point
+ url: str
+ additional_data: Dict[str, Any] = field(default_factory=dict)
+```
+
+### Moderation System
+
+ThrillWiki implements a comprehensive moderation system for user-generated content edits:
+
+#### Edit Submission Workflow
+
+```python
+# moderation/models.py
+@pghistory.track()
+class EditSubmission(TrackedModel):
+ """Tracks all proposed changes to parks and rides."""
+
+ STATUS_CHOICES = [
+ ("PENDING", "Pending"),
+ ("APPROVED", "Approved"),
+ ("REJECTED", "Rejected"),
+ ("ESCALATED", "Escalated"),
+ ]
+
+ SUBMISSION_TYPE_CHOICES = [
+ ("EDIT", "Edit Existing"),
+ ("CREATE", "Create New"),
+ ]
+
+ user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE)
+ content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
+ object_id = models.PositiveIntegerField(null=True, blank=True)
+ content_object = GenericForeignKey("content_type", "object_id")
+
+ submission_type = models.CharField(max_length=10, choices=SUBMISSION_TYPE_CHOICES)
+ proposed_changes = models.JSONField() # Stores field-level changes
+ status = models.CharField(max_length=20, choices=STATUS_CHOICES, default="PENDING")
+
+ # Moderation tracking
+ reviewed_by = models.ForeignKey(
+ settings.AUTH_USER_MODEL,
+ on_delete=models.SET_NULL,
+ null=True, blank=True,
+ related_name="reviewed_submissions"
+ )
+ reviewed_at = models.DateTimeField(null=True, blank=True)
+ reviewer_notes = models.TextField(blank=True)
+```
+
+#### Moderation Features
+
+- **Change Tracking**: Every edit submission tracked with `django-pghistory`
+- **Field-Level Changes**: JSON storage of specific field modifications
+- **Review Workflow**: Pending → Approved/Rejected/Escalated states
+- **Reviewer Assignment**: Track who reviewed each submission
+- **Audit Trail**: Complete history of all moderation decisions
+
+### Search and Autocomplete
+
+#### Location-Based Search
+
+```python
+# Autocomplete integration for geographic search
+class LocationAutocompleteView(autocomplete.Select2QuerySetView):
+ """AJAX autocomplete for geographic locations."""
+
+ def get_queryset(self):
+ if not self.request.user.is_authenticated:
+ return Location.objects.none()
+
+ qs = Location.objects.filter(is_active=True)
+
+ if self.q:
+ qs = qs.filter(
+ Q(name__icontains=self.q) |
+ Q(city__icontains=self.q) |
+ Q(state__icontains=self.q) |
+ Q(country__icontains=self.q)
+ )
+
+ return qs.select_related('country', 'state').order_by('name')[:20]
+```
+
+#### Search Integration
+
+- **HTMX-Powered Search**: Real-time search suggestions without page reloads
+- **Geographic Filtering**: Search within specific bounds or regions
+- **Multi-Model Search**: Unified search across parks, rides, and companies
+- **Performance Optimized**: Cached results and smart query limiting
+
+---
+
+## Development Workflow
+
+### Required Development Environment
+
+#### UV Package Manager Integration
+
+ThrillWiki exclusively uses [UV](https://github.com/astral-sh/uv) for all Python package management and Django commands:
+
+```bash
+# CRITICAL: Always use these exact commands
+
+# Package Installation
+uv add
+
++ {% if is_edit %}Edit Park{% else %}Add New Park{% endif %} +
+ + +
-
\ No newline at end of file
diff --git a/history/templatetags/history_tags.py b/history/templatetags/history_tags.py
deleted file mode 100644
index 0c1b4177..00000000
--- a/history/templatetags/history_tags.py
+++ /dev/null
@@ -1,17 +0,0 @@
-from django import template
-import json
-
-register = template.Library()
-
-@register.filter
-def pprint(value):
- """Pretty print JSON data"""
- if isinstance(value, str):
- try:
- value = json.loads(value)
- except json.JSONDecodeError:
- return value
-
- if isinstance(value, (dict, list)):
- return json.dumps(value, indent=2)
- return str(value)
\ No newline at end of file
diff --git a/history/urls.py b/history/urls.py
deleted file mode 100644
index 4382537f..00000000
--- a/history/urls.py
+++ /dev/null
@@ -1,10 +0,0 @@
-from django.urls import path
-from .views import HistoryTimelineView
-
-app_name = 'history'
-
-urlpatterns = [
- path('timeline/
- {% for event in events %}
-
-
-
- {% endfor %}
-
- {{ event.pgh_label|title }}
-
-
-
- {% if event.pgh_context.metadata.user %}
-
-
-
- {{ event.pgh_context.metadata.user }}
-
- {% endif %}
- {% if event.pgh_data %}
-
-
- {% endif %}
- {{ event.pgh_data|pprint }}
- {item.name}
+
+
+{% endif %}
+```
+
+## 6. Migration Plan
+
+### 6.1 Migration Phases
+
+#### Phase 1: Prepare New Models (No Downtime)
+1. Create new models alongside existing ones
+2. Add backward compatibility properties
+3. Deploy without activating
+
+#### Phase 2: Data Migration (Minimal Downtime)
+1. Create migration script to copy data
+2. Run in batches to avoid locks
+3. Verify data integrity
+
+#### Phase 3: Switch References (No Downtime)
+1. Update views to use new models
+2. Update forms and templates
+3. Deploy with feature flags
+
+#### Phase 4: Cleanup (No Downtime)
+1. Remove GenericRelation from Park
+2. Archive old Location model
+3. Remove backward compatibility code
+
+### 6.2 Migration Script
+
+```python
+from django.db import migrations
+from django.contrib.contenttypes.models import ContentType
+
+def migrate_park_locations(apps, schema_editor):
+ Location = apps.get_model('location', 'Location')
+ Park = apps.get_model('parks', 'Park')
+ ParkLocation = apps.get_model('parks', 'ParkLocation')
+
+ park_ct = ContentType.objects.get_for_model(Park)
+
+ for location in Location.objects.filter(content_type=park_ct):
+ try:
+ park = Park.objects.get(id=location.object_id)
+
+ # Create or update ParkLocation
+ park_location, created = ParkLocation.objects.update_or_create(
+ park=park,
+ defaults={
+ 'point': location.point,
+ 'street_address': location.street_address or '',
+ 'city': location.city or '',
+ 'state': location.state or '',
+ 'country': location.country or 'USA',
+ 'postal_code': location.postal_code or '',
+ # Map any additional fields
+ }
+ )
+
+ print(f"Migrated location for park: {park.name}")
+
+ except Park.DoesNotExist:
+ print(f"Park not found for location: {location.id}")
+ continue
+
+def reverse_migration(apps, schema_editor):
+ # Reverse migration if needed
+ pass
+
+class Migration(migrations.Migration):
+ dependencies = [
+ ('parks', 'XXXX_create_park_location'),
+ ('location', 'XXXX_previous'),
+ ]
+
+ operations = [
+ migrations.RunPython(migrate_park_locations, reverse_migration),
+ ]
+```
+
+### 6.3 Data Validation
+
+```python
+# Validation script to ensure migration success
+def validate_migration():
+ from location.models import Location
+ from parks.models import Park, ParkLocation
+ from django.contrib.contenttypes.models import ContentType
+
+ park_ct = ContentType.objects.get_for_model(Park)
+ old_count = Location.objects.filter(content_type=park_ct).count()
+ new_count = ParkLocation.objects.count()
+
+ assert old_count == new_count, f"Count mismatch: {old_count} vs {new_count}"
+
+ # Verify data integrity
+ for park_location in ParkLocation.objects.all():
+ assert park_location.point is not None, f"Missing point for {park_location.park}"
+ assert park_location.city, f"Missing city for {park_location.park}"
+
+ print("Migration validation successful!")
+```
+
+### 6.4 Rollback Strategy
+
+1. **Feature Flags**: Use flags to switch between old and new systems
+2. **Database Backups**: Take snapshots before migration
+3. **Parallel Running**: Keep both systems running initially
+4. **Gradual Rollout**: Migrate parks in batches
+5. **Monitoring**: Track errors and performance
+
+## 7. Testing Strategy
+
+### 7.1 Unit Tests
+
+```python
+# Test ParkLocation model
+class ParkLocationTestCase(TestCase):
+ def test_formatted_address(self):
+ location = ParkLocation(
+ city="Orlando",
+ state="Florida",
+ country="USA"
+ )
+ self.assertEqual(location.formatted_address, "Orlando, Florida")
+
+ def test_distance_calculation(self):
+ location1 = ParkLocation(point=Point(-81.5639, 28.3852))
+ location2 = ParkLocation(point=Point(-81.4678, 28.4736))
+ distance = location1.distance_to(location2)
+ self.assertAlmostEqual(distance, 8.5, delta=0.5)
+```
+
+### 7.2 Integration Tests
+
+```python
+# Test location creation with park
+class ParkLocationIntegrationTest(TestCase):
+ def test_create_park_with_location(self):
+ park = Park.objects.create(name="Test Park", ...)
+ location = ParkLocation.objects.create(
+ park=park,
+ point=Point(-81.5639, 28.3852),
+ city="Orlando",
+ state="Florida"
+ )
+ self.assertEqual(park.park_location, location)
+ self.assertEqual(park.coordinates, (28.3852, -81.5639))
+```
+
+## 8. Documentation Requirements
+
+### 8.1 Developer Documentation
+- Model field descriptions
+- Query examples
+- Migration guide
+- API endpoint changes
+
+### 8.2 Admin Documentation
+- Location data entry guide
+- Geocoding workflow
+- Verification process
+
+### 8.3 User Documentation
+- How locations are displayed
+- Road trip planning features
+- Map interactions
+
+## Conclusion
+
+This design provides a comprehensive transition from generic to domain-specific location models while:
+- Maintaining all existing functionality
+- Improving query performance
+- Enabling better road trip planning features
+- Keeping clean domain boundaries
+- Supporting zero-downtime migration
+
+The design prioritizes parks as the primary location entities while keeping ride locations optional and company headquarters simple. All PostGIS spatial features are retained and optimized for the specific needs of each domain model.
\ No newline at end of file
diff --git a/memory-bank/features/location-system-analysis.md b/memory-bank/features/location-system-analysis.md
new file mode 100644
index 00000000..4f380c67
--- /dev/null
+++ b/memory-bank/features/location-system-analysis.md
@@ -0,0 +1,214 @@
+# Location System Analysis - ThrillWiki
+
+## Executive Summary
+ThrillWiki currently uses a **generic Location model with GenericForeignKey** to associate location data with any model. This analysis reveals that the system has **evolved into a hybrid approach** with both generic and domain-specific location models existing simultaneously. The primary users are Parks and Companies, though only Parks appear to have active location usage. The system heavily utilizes **PostGIS/GeoDjango spatial features** for geographic operations.
+
+## Current System Overview
+
+### 1. Location Models Architecture
+
+#### Generic Location Model (`location/models.py`)
+- **Core Design**: Uses Django's GenericForeignKey pattern to associate with any model
+- **Tracked History**: Uses pghistory for change tracking
+- **Dual Coordinate Storage**:
+ - Legacy fields: `latitude`, `longitude` (DecimalField)
+ - Modern field: `point` (PointField with SRID 4326)
+ - Auto-synchronization between both formats in `save()` method
+
+**Key Fields:**
+```python
+- content_type (ForeignKey to ContentType)
+- object_id (PositiveIntegerField)
+- content_object (GenericForeignKey)
+- name (CharField)
+- location_type (CharField)
+- point (PointField) - PostGIS geometry field
+- latitude/longitude (DecimalField) - Legacy support
+- street_address, city, state, country, postal_code (address components)
+- created_at, updated_at (timestamps)
+```
+
+#### Domain-Specific Location Models
+1. **ParkLocation** (`parks/models/location.py`)
+ - OneToOne relationship with Park
+ - Additional park-specific fields: `highway_exit`, `parking_notes`, `best_arrival_time`, `osm_id`
+ - Uses PostGIS PointField with spatial indexing
+
+2. **RideLocation** (`rides/models/location.py`)
+ - OneToOne relationship with Ride
+ - Simplified location data with `park_area` field
+ - Uses PostGIS PointField
+
+3. **CompanyHeadquarters** (`parks/models/companies.py`)
+ - OneToOne relationship with Company
+ - Simplified address-only model (no coordinates)
+ - Only stores: `city`, `state`, `country`
+
+### 2. PostGIS/GeoDjango Features in Use
+
+**Database Configuration:**
+- Engine: `django.contrib.gis.db.backends.postgis`
+- SRID: 4326 (WGS84 coordinate system)
+- GeoDjango app enabled: `django.contrib.gis`
+
+**Spatial Features Utilized:**
+1. **PointField**: Stores geographic coordinates as PostGIS geometry
+2. **Spatial Indexing**: Database indexes on city, country, and implicit spatial index on PointField
+3. **Distance Calculations**:
+ - `distance_to()` method for calculating distance between locations
+ - `nearby_locations()` using PostGIS distance queries
+4. **Spatial Queries**: `point__distance_lte` for proximity searches
+
+**GDAL/GEOS Configuration:**
+- GDAL library path configured for macOS
+- GEOS library path configured for macOS
+
+### 3. Usage Analysis
+
+#### Models Using Locations
+Based on codebase search, the following models interact with Location:
+
+1. **Park** (`parks/models/parks.py`)
+ - Uses GenericRelation to Location model
+ - Also has ParkLocation model (hybrid approach)
+ - Most active user of location functionality
+
+2. **Company** (potential user)
+ - Has CompanyHeadquarters model for simple address storage
+ - No evidence of using the generic Location model
+
+3. **Operator/PropertyOwner** (via Company model)
+ - Inherits from Company
+ - Could potentially use locations
+
+#### Actual Usage Counts
+Need to query database to get exact counts, but based on code analysis:
+- **Parks**: Primary user with location widgets, maps, and search functionality
+- **Companies**: Limited to headquarters information
+- **Rides**: Have their own RideLocation model
+
+### 4. Dependencies and Integration Points
+
+#### Views and Controllers
+1. **Location Views** (`location/views.py`)
+ - `LocationSearchView`: OpenStreetMap Nominatim integration
+ - Location update/delete endpoints
+ - Caching of search results
+
+2. **Park Views** (`parks/views.py`)
+ - Location creation during park creation/editing
+ - Integration with location widgets
+
+3. **Moderation Views** (`moderation/views.py`)
+ - Location editing in moderation workflow
+ - Location map widgets for submissions
+
+#### Templates and Frontend
+1. **Location Widgets**:
+ - `templates/location/widget.html` - Generic location widget
+ - `templates/parks/partials/location_widget.html` - Park-specific widget
+ - `templates/moderation/partials/location_widget.html` - Moderation widget
+ - `templates/moderation/partials/location_map.html` - Map display
+
+2. **JavaScript Integration**:
+ - `static/js/location-autocomplete.js` - Search functionality
+ - Leaflet.js integration for map display
+ - OpenStreetMap integration for location search
+
+3. **Map Features**:
+ - Interactive maps on park detail pages
+ - Location selection with coordinate validation
+ - Address autocomplete from OpenStreetMap
+
+#### Forms
+- `LocationForm` for CRUD operations
+- `LocationSearchForm` for search functionality
+- Integration with park creation/edit forms
+
+#### Management Commands
+- `seed_initial_data.py` - Creates locations for seeded parks
+- `create_initial_data.py` - Creates test location data
+
+### 5. Migration Risks and Considerations
+
+#### Data Preservation Requirements
+1. **Coordinate Data**: Both point and lat/lng fields must be preserved
+2. **Address Components**: All address fields need migration
+3. **Historical Data**: pghistory tracking must be maintained
+4. **Relationships**: GenericForeignKey relationships need conversion
+
+#### Backward Compatibility Concerns
+1. **Template Dependencies**: Multiple templates expect location relationships
+2. **JavaScript Code**: Frontend code expects specific field names
+3. **API Compatibility**: Any API endpoints serving location data
+4. **Search Integration**: OpenStreetMap search functionality
+5. **Map Display**: Leaflet.js map integration
+
+#### Performance Implications
+1. **Spatial Indexes**: Must maintain spatial indexing for performance
+2. **Query Optimization**: Generic queries vs. direct foreign keys
+3. **Join Complexity**: GenericForeignKey adds complexity to queries
+4. **Cache Invalidation**: Location search caching strategy
+
+### 6. Recommendations
+
+#### Migration Strategy
+**Recommended Approach: Hybrid Consolidation**
+
+Given the existing hybrid system with both generic and domain-specific models, the best approach is:
+
+1. **Complete the transition to domain-specific models**:
+ - Parks → Use existing ParkLocation (already in place)
+ - Rides → Use existing RideLocation (already in place)
+ - Companies → Extend CompanyHeadquarters with coordinates
+
+2. **Phase out the generic Location model**:
+ - Migrate existing Location records to domain-specific models
+ - Update all references from GenericRelation to OneToOne/ForeignKey
+ - Maintain history tracking with pghistory on new models
+
+#### PostGIS Features to Retain
+1. **Essential Features**:
+ - PointField for coordinate storage
+ - Spatial indexing for performance
+ - Distance calculations for proximity features
+ - SRID 4326 for consistency
+
+2. **Features to Consider Dropping**:
+ - Legacy latitude/longitude decimal fields (use point.x/point.y)
+ - Generic nearby_locations (implement per-model as needed)
+
+#### Implementation Priority
+1. **High Priority**:
+ - Data migration script for existing locations
+ - Update park forms and views
+ - Maintain map functionality
+
+2. **Medium Priority**:
+ - Update moderation workflow
+ - Consolidate JavaScript location code
+ - Optimize spatial queries
+
+3. **Low Priority**:
+ - Remove legacy coordinate fields
+ - Clean up unused location types
+ - Optimize caching strategy
+
+## Technical Debt Identified
+
+1. **Duplicate Models**: Both generic and specific location models exist
+2. **Inconsistent Patterns**: Some models use OneToOne, others use GenericRelation
+3. **Legacy Fields**: Maintaining both point and lat/lng fields
+4. **Incomplete Migration**: Hybrid state indicates incomplete refactoring
+
+## Conclusion
+
+The location system is in a **transitional state** between generic and domain-specific approaches. The presence of both patterns suggests an incomplete migration that should be completed. The recommendation is to **fully commit to domain-specific location models** while maintaining all PostGIS spatial functionality. This will:
+
+- Improve query performance (no GenericForeignKey overhead)
+- Simplify the codebase (one pattern instead of two)
+- Maintain all spatial features (PostGIS/GeoDjango)
+- Enable model-specific location features
+- Support road trip planning with OpenStreetMap integration
+
+The migration should be done carefully to preserve all existing data and maintain backward compatibility with templates and JavaScript code.
\ No newline at end of file
diff --git a/memory-bank/features/map-service-design.md b/memory-bank/features/map-service-design.md
new file mode 100644
index 00000000..3985591a
--- /dev/null
+++ b/memory-bank/features/map-service-design.md
@@ -0,0 +1,1735 @@
+# Unified Map Service Design - ThrillWiki
+
+## Executive Summary
+
+This document outlines the design for ThrillWiki's unified map service that efficiently queries all location types (parks, rides, companies) while maintaining performance with thousands of data points. The service is designed to work with the existing hybrid location system, supporting both generic Location models and domain-specific models (ParkLocation, RideLocation, CompanyHeadquarters).
+
+## 1. Service Architecture
+
+### 1.1 Core Components
+
+```mermaid
+graph TB
+ API[Map API Controller] --> UMS[UnifiedMapService]
+ UMS --> LAL[LocationAbstractionLayer]
+ UMS --> CS[ClusteringService]
+ UMS --> CacheS[CacheService]
+
+ LAL --> ParkLoc[ParkLocationAdapter]
+ LAL --> RideLoc[RideLocationAdapter]
+ LAL --> CompLoc[CompanyLocationAdapter]
+ LAL --> GenLoc[GenericLocationAdapter]
+
+ ParkLoc --> ParkModel[Park + ParkLocation]
+ RideLoc --> RideModel[Ride + RideLocation]
+ CompLoc --> CompModel[Company + CompanyHeadquarters]
+ GenLoc --> LocModel[Generic Location]
+
+ CS --> Clustering[Supercluster.js Integration]
+ CacheS --> Redis[Redis Cache]
+ CacheS --> DB[Database Cache]
+```
+
+### 1.2 Class Structure
+
+#### UnifiedMapService (Core Service)
+```python
+class UnifiedMapService:
+ """
+ Main service orchestrating map data retrieval, filtering, and formatting
+ """
+
+ def __init__(self):
+ self.location_layer = LocationAbstractionLayer()
+ self.clustering_service = ClusteringService()
+ self.cache_service = MapCacheService()
+
+ def get_map_data(
+ self,
+ bounds: GeoBounds = None,
+ filters: MapFilters = None,
+ zoom_level: int = 10,
+ cluster: bool = True
+ ) -> MapResponse:
+ """Primary method for retrieving unified map data"""
+ pass
+
+ def get_location_details(self, location_type: str, location_id: int) -> LocationDetail:
+ """Get detailed information for a specific location"""
+ pass
+
+ def search_locations(self, query: str, bounds: GeoBounds = None) -> SearchResponse:
+ """Search locations with text query"""
+ pass
+```
+
+#### LocationAbstractionLayer (Adapter Pattern)
+```python
+class LocationAbstractionLayer:
+ """
+ Abstraction layer handling different location model types
+ """
+
+ def __init__(self):
+ self.adapters = {
+ 'park': ParkLocationAdapter(),
+ 'ride': RideLocationAdapter(),
+ 'company': CompanyLocationAdapter(),
+ 'generic': GenericLocationAdapter()
+ }
+
+ def get_all_locations(self, bounds: GeoBounds = None, filters: MapFilters = None) -> List[UnifiedLocation]:
+ """Get locations from all sources within bounds"""
+ pass
+
+ def get_locations_by_type(self, location_type: str, bounds: GeoBounds = None) -> List[UnifiedLocation]:
+ """Get locations of specific type"""
+ pass
+```
+
+### 1.3 Data Models
+
+#### UnifiedLocation (Interface)
+```python
+@dataclass
+class UnifiedLocation:
+ """Unified location interface for all location types"""
+ id: str # Composite: f"{type}_{id}"
+ type: LocationType # PARK, RIDE, COMPANY
+ name: str
+ coordinates: Tuple[float, float] # (lat, lng)
+ address: Optional[str]
+ metadata: Dict[str, Any]
+
+ # Type-specific data
+ type_data: Dict[str, Any]
+
+ # Clustering data
+ cluster_weight: int = 1
+ cluster_category: str = "default"
+
+class LocationType(Enum):
+ PARK = "park"
+ RIDE = "ride"
+ COMPANY = "company"
+ GENERIC = "generic"
+```
+
+#### GeoBounds
+```python
+@dataclass
+class GeoBounds:
+ """Geographic boundary box for spatial queries"""
+ north: float
+ south: float
+ east: float
+ west: float
+
+ def to_polygon(self) -> Polygon:
+ """Convert bounds to PostGIS Polygon for database queries"""
+ pass
+
+ def expand(self, factor: float = 1.1) -> 'GeoBounds':
+ """Expand bounds by factor for buffer queries"""
+ pass
+```
+
+#### MapFilters
+```python
+@dataclass
+class MapFilters:
+ """Filtering options for map queries"""
+ location_types: Set[LocationType] = None
+ park_status: Set[str] = None # OPERATING, CLOSED_TEMP, etc.
+ ride_types: Set[str] = None
+ company_roles: Set[str] = None # OPERATOR, MANUFACTURER, etc.
+ search_query: str = None
+ min_rating: float = None
+ has_coordinates: bool = True
+```
+
+## 2. Query Optimization Strategy
+
+### 2.1 Multi-Model Query Pattern
+
+#### Hybrid Query Strategy
+```python
+class LocationQueryOptimizer:
+ """Optimizes queries across hybrid location system"""
+
+ def get_optimized_queryset(self, bounds: GeoBounds, filters: MapFilters) -> Dict[str, QuerySet]:
+ """
+ Returns optimized querysets for each location type
+ Chooses between domain-specific and generic models based on availability
+ """
+ queries = {}
+
+ # Parks: Prefer ParkLocation, fallback to generic Location
+ if LocationType.PARK in filters.location_types:
+ if self._has_park_locations():
+ queries['parks'] = self._get_park_locations_query(bounds, filters)
+ else:
+ queries['parks'] = self._get_generic_park_query(bounds, filters)
+
+ # Rides: RideLocation or skip if no coordinates
+ if LocationType.RIDE in filters.location_types:
+ queries['rides'] = self._get_ride_locations_query(bounds, filters)
+
+ # Companies: CompanyHeadquarters with geocoding fallback
+ if LocationType.COMPANY in filters.location_types:
+ queries['companies'] = self._get_company_locations_query(bounds, filters)
+
+ return queries
+
+ def _get_park_locations_query(self, bounds: GeoBounds, filters: MapFilters) -> QuerySet:
+ """Optimized query for ParkLocation model"""
+ queryset = ParkLocation.objects.select_related('park', 'park__operator')
+
+ # Spatial filtering
+ if bounds:
+ queryset = queryset.filter(point__within=bounds.to_polygon())
+
+ # Park-specific filters
+ if filters.park_status:
+ queryset = queryset.filter(park__status__in=filters.park_status)
+
+ return queryset.order_by('park__name')
+
+ def _get_ride_locations_query(self, bounds: GeoBounds, filters: MapFilters) -> QuerySet:
+ """Query for rides with locations"""
+ queryset = RideLocation.objects.select_related(
+ 'ride', 'ride__park', 'ride__park__operator'
+ ).filter(point__isnull=False) # Only rides with coordinates
+
+ if bounds:
+ queryset = queryset.filter(point__within=bounds.to_polygon())
+
+ return queryset.order_by('ride__name')
+
+ def _get_company_locations_query(self, bounds: GeoBounds, filters: MapFilters) -> QuerySet:
+ """Query for companies with headquarters"""
+ queryset = CompanyHeadquarters.objects.select_related('company')
+
+ # Company location filtering requires geocoding or city-level bounds
+ if bounds and filters.company_roles:
+ queryset = queryset.filter(company__roles__overlap=filters.company_roles)
+
+ return queryset.order_by('company__name')
+```
+
+### 2.2 Database Indexes and Performance
+
+#### Required Indexes
+```python
+# ParkLocation indexes
+class ParkLocation(models.Model):
+ class Meta:
+ indexes = [
+ GistIndex(fields=['point']), # Spatial index
+ models.Index(fields=['city', 'state']),
+ models.Index(fields=['country']),
+ ]
+
+# RideLocation indexes
+class RideLocation(models.Model):
+ class Meta:
+ indexes = [
+ GistIndex(fields=['point'], condition=Q(point__isnull=False)),
+ models.Index(fields=['park_area']),
+ ]
+
+# Generic Location indexes (existing)
+class Location(models.Model):
+ class Meta:
+ indexes = [
+ GistIndex(fields=['point']),
+ models.Index(fields=['content_type', 'object_id']),
+ models.Index(fields=['city', 'country']),
+ ]
+```
+
+#### Query Performance Targets
+- **Spatial bounds query**: < 100ms for 1000+ locations
+- **Clustering aggregation**: < 200ms for 10,000+ points
+- **Detail retrieval**: < 50ms per location
+- **Search queries**: < 300ms with text search
+
+### 2.3 Pagination and Limiting
+
+```python
+class PaginationStrategy:
+ """Handles large dataset pagination"""
+
+ MAX_UNCLUSTERED_POINTS = 500
+ MAX_CLUSTERED_POINTS = 2000
+
+ def should_cluster(self, zoom_level: int, point_count: int) -> bool:
+ """Determine if clustering should be applied"""
+ if zoom_level < 8: # Country/state level
+ return True
+ if zoom_level < 12 and point_count > self.MAX_UNCLUSTERED_POINTS:
+ return True
+ return point_count > self.MAX_CLUSTERED_POINTS
+
+ def apply_smart_limiting(self, queryset: QuerySet, bounds: GeoBounds, zoom_level: int) -> QuerySet:
+ """Apply intelligent limiting based on zoom level and density"""
+ if zoom_level < 6: # Very zoomed out
+ # Show only major parks
+ return queryset.filter(park__ride_count__gte=10)[:200]
+ elif zoom_level < 10: # Regional level
+ return queryset[:1000]
+ else: # City level and closer
+ return queryset[:2000]
+```
+
+## 3. Response Format Design
+
+### 3.1 Unified JSON Response
+
+#### MapResponse Structure
+```json
+{
+ "status": "success",
+ "data": {
+ "locations": [
+ {
+ "id": "park_123",
+ "type": "park",
+ "name": "Cedar Point",
+ "coordinates": [41.4778, -82.6830],
+ "address": "Sandusky, OH, USA",
+ "metadata": {
+ "status": "OPERATING",
+ "rating": 4.5,
+ "ride_count": 70,
+ "coaster_count": 17
+ },
+ "type_data": {
+ "operator": "Cedar Fair",
+ "opening_date": "1870-01-01",
+ "website": "https://cedarpoint.com"
+ },
+ "cluster_weight": 3,
+ "cluster_category": "major_park"
+ }
+ ],
+ "clusters": [
+ {
+ "id": "cluster_1",
+ "coordinates": [41.5, -82.7],
+ "count": 5,
+ "types": ["park", "ride"],
+ "bounds": {
+ "north": 41.52,
+ "south": 41.48,
+ "east": -82.65,
+ "west": -82.75
+ }
+ }
+ ],
+ "bounds": {
+ "north": 42.0,
+ "south": 41.0,
+ "east": -82.0,
+ "west": -83.0
+ },
+ "total_count": 1247,
+ "filtered_count": 156,
+ "zoom_level": 10,
+ "clustered": true
+ },
+ "meta": {
+ "cache_hit": true,
+ "query_time_ms": 89,
+ "filters_applied": ["location_types", "bounds"],
+ "pagination": {
+ "has_more": false,
+ "total_pages": 1
+ }
+ }
+}
+```
+
+### 3.2 Location Type Adapters
+
+#### ParkLocationAdapter
+```python
+class ParkLocationAdapter:
+ """Converts Park/ParkLocation to UnifiedLocation"""
+
+ def to_unified_location(self, park_location: ParkLocation) -> UnifiedLocation:
+ park = park_location.park
+
+ return UnifiedLocation(
+ id=f"park_{park.id}",
+ type=LocationType.PARK,
+ name=park.name,
+ coordinates=(park_location.lat, park_location.lng),
+ address=self._format_address(park_location),
+ metadata={
+ 'status': park.status,
+ 'rating': float(park.average_rating) if park.average_rating else None,
+ 'ride_count': park.ride_count,
+ 'coaster_count': park.coaster_count,
+ 'operator': park.operator.name if park.operator else None,
+ },
+ type_data={
+ 'slug': park.slug,
+ 'opening_date': park.opening_date.isoformat() if park.opening_date else None,
+ 'website': park.website,
+ 'operating_season': park.operating_season,
+ 'highway_exit': park_location.highway_exit,
+ 'parking_notes': park_location.parking_notes,
+ },
+ cluster_weight=self._calculate_park_weight(park),
+ cluster_category=self._get_park_category(park)
+ )
+
+ def _calculate_park_weight(self, park: Park) -> int:
+ """Calculate clustering weight based on park importance"""
+ weight = 1
+ if park.ride_count and park.ride_count > 20:
+ weight += 2
+ if park.coaster_count and park.coaster_count > 5:
+ weight += 1
+ if park.average_rating and park.average_rating > 4.0:
+ weight += 1
+ return min(weight, 5) # Cap at 5
+
+ def _get_park_category(self, park: Park) -> str:
+ """Determine park category for clustering"""
+ if park.coaster_count and park.coaster_count >= 10:
+ return "major_park"
+ elif park.ride_count and park.ride_count >= 15:
+ return "theme_park"
+ else:
+ return "small_park"
+```
+
+## 4. Clustering Strategy
+
+### 4.1 Multi-Level Clustering
+
+#### Clustering Configuration
+```python
+class ClusteringService:
+ """Handles location clustering for map display"""
+
+ CLUSTER_CONFIG = {
+ 'radius': 40, # pixels
+ 'max_zoom': 15,
+ 'min_zoom': 3,
+ 'extent': 512, # tile extent
+ }
+
+ def cluster_locations(
+ self,
+ locations: List[UnifiedLocation],
+ zoom_level: int
+ ) -> Tuple[List[UnifiedLocation], List[Cluster]]:
+ """
+ Cluster locations based on zoom level and density
+ Returns unclustered locations and cluster objects
+ """
+ if zoom_level >= 15 or len(locations) <= 50:
+ return locations, []
+
+ # Use Supercluster algorithm (Python implementation)
+ clusterer = Supercluster(
+ radius=self.CLUSTER_CONFIG['radius'],
+ max_zoom=self.CLUSTER_CONFIG['max_zoom'],
+ min_zoom=self.CLUSTER_CONFIG['min_zoom']
+ )
+
+ # Convert locations to GeoJSON features
+ features = [self._location_to_feature(loc) for loc in locations]
+ clusterer.load(features)
+
+ # Get clusters for zoom level
+ clusters = clusterer.get_clusters(bounds=None, zoom=zoom_level)
+
+ return self._process_clusters(clusters, locations)
+
+ def _location_to_feature(self, location: UnifiedLocation) -> Dict:
+ """Convert UnifiedLocation to GeoJSON feature"""
+ return {
+ 'type': 'Feature',
+ 'properties': {
+ 'id': location.id,
+ 'type': location.type.value,
+ 'name': location.name,
+ 'weight': location.cluster_weight,
+ 'category': location.cluster_category
+ },
+ 'geometry': {
+ 'type': 'Point',
+ 'coordinates': [location.coordinates[1], location.coordinates[0]] # lng, lat
+ }
+ }
+```
+
+### 4.2 Smart Clustering Rules
+
+#### Category-Based Clustering
+```python
+class SmartClusteringRules:
+ """Intelligent clustering based on location types and importance"""
+
+ def should_cluster_together(self, loc1: UnifiedLocation, loc2: UnifiedLocation) -> bool:
+ """Determine if two locations should be clustered together"""
+
+ # Same park rides should cluster together
+ if loc1.type == LocationType.RIDE and loc2.type == LocationType.RIDE:
+ park1 = loc1.metadata.get('park_id')
+ park2 = loc2.metadata.get('park_id')
+ return park1 == park2
+
+ # Major parks should resist clustering
+ if (loc1.cluster_category == "major_park" or loc2.cluster_category == "major_park"):
+ return False
+
+ # Similar types cluster more readily
+ return loc1.type == loc2.type
+
+ def get_cluster_priority(self, locations: List[UnifiedLocation]) -> UnifiedLocation:
+ """Select the representative location for a cluster"""
+ # Prioritize by: 1) Parks over rides, 2) Higher weight, 3) Better rating
+ parks = [loc for loc in locations if loc.type == LocationType.PARK]
+ if parks:
+ return max(parks, key=lambda x: x.cluster_weight)
+
+ return max(locations, key=lambda x: x.cluster_weight)
+```
+
+## 5. Filtering and Search Integration
+
+### 5.1 Search Service Integration
+
+#### SearchLocationService
+```python
+class SearchLocationService:
+ """Integrates map service with existing search functionality"""
+
+ def __init__(self):
+ self.unified_service = UnifiedMapService()
+ # Integrate with existing SearchService
+ from core.views.search import AdaptiveSearchView
+ self.search_view = AdaptiveSearchView()
+
+ def search_with_location(
+ self,
+ query: str,
+ bounds: GeoBounds = None,
+ location_types: Set[LocationType] = None
+ ) -> SearchLocationResponse:
+ """
+ Combined text and location search
+ """
+ # Text search using existing search functionality
+ text_results = self._perform_text_search(query)
+
+ # Location-based filtering
+ location_results = self.unified_service.get_map_data(
+ bounds=bounds,
+ filters=MapFilters(
+ location_types=location_types,
+ search_query=query
+ ),
+ cluster=False
+ )
+
+ # Merge and rank results
+ return self._merge_search_results(text_results, location_results)
+
+ def search_near_location(
+ self,
+ center_point: Tuple[float, float],
+ radius_km: float = 50,
+ location_types: Set[LocationType] = None
+ ) -> SearchLocationResponse:
+ """Find locations near a specific point"""
+ bounds = self._point_to_bounds(center_point, radius_km)
+
+ return self.unified_service.get_map_data(
+ bounds=bounds,
+ filters=MapFilters(location_types=location_types),
+ cluster=False
+ )
+```
+
+### 5.2 Advanced Filtering
+
+#### FilterProcessor
+```python
+class FilterProcessor:
+ """Processes complex filter combinations"""
+
+ def apply_combined_filters(
+ self,
+ base_query: QuerySet,
+ filters: MapFilters,
+ location_type: LocationType
+ ) -> QuerySet:
+ """Apply filters specific to location type"""
+
+ if location_type == LocationType.PARK:
+ return self._apply_park_filters(base_query, filters)
+ elif location_type == LocationType.RIDE:
+ return self._apply_ride_filters(base_query, filters)
+ elif location_type == LocationType.COMPANY:
+ return self._apply_company_filters(base_query, filters)
+
+ return base_query
+
+ def _apply_park_filters(self, query: QuerySet, filters: MapFilters) -> QuerySet:
+ """Apply park-specific filters"""
+ if filters.park_status:
+ query = query.filter(park__status__in=filters.park_status)
+
+ if filters.min_rating:
+ query = query.filter(park__average_rating__gte=filters.min_rating)
+
+ if filters.search_query:
+ query = query.filter(
+ Q(park__name__icontains=filters.search_query) |
+ Q(city__icontains=filters.search_query) |
+ Q(state__icontains=filters.search_query)
+ )
+
+ return query
+```
+
+## 6. Caching Strategy
+
+### 6.1 Multi-Level Caching
+
+#### Cache Architecture
+```mermaid
+graph TB
+ Request[Map Request] --> L1[Level 1: Redis Cache]
+ L1 --> L2[Level 2: Database Query Cache]
+ L2 --> L3[Level 3: Computed Results Cache]
+ L3 --> DB[Database]
+
+ L1 --> GeoHash[Geographic Hash Keys]
+ L2 --> QueryCache[Query Result Cache]
+ L3 --> ClusterCache[Cluster Computation Cache]
+```
+
+#### MapCacheService
+```python
+class MapCacheService:
+ """Multi-level caching for map data"""
+
+ def __init__(self):
+ self.redis_client = redis.Redis()
+ self.cache_timeout = {
+ 'bounds_data': 300, # 5 minutes
+ 'location_details': 1800, # 30 minutes
+ 'clusters': 600, # 10 minutes
+ 'search_results': 180, # 3 minutes
+ }
+
+ def get_bounds_data(
+ self,
+ bounds: GeoBounds,
+ filters: MapFilters,
+ zoom_level: int
+ ) -> Optional[MapResponse]:
+ """Get cached map data for geographic bounds"""
+ cache_key = self._generate_bounds_key(bounds, filters, zoom_level)
+
+ # Try Redis first
+ cached_data = self.redis_client.get(cache_key)
+ if cached_data:
+ return MapResponse.from_json(cached_data)
+
+ return None
+
+ def cache_bounds_data(
+ self,
+ bounds: GeoBounds,
+ filters: MapFilters,
+ zoom_level: int,
+ data: MapResponse
+ ):
+ """Cache map data with geographic key"""
+ cache_key = self._generate_bounds_key(bounds, filters, zoom_level)
+
+ self.redis_client.setex(
+ cache_key,
+ self.cache_timeout['bounds_data'],
+ data.to_json()
+ )
+
+ def _generate_bounds_key(
+ self,
+ bounds: GeoBounds,
+ filters: MapFilters,
+ zoom_level: int
+ ) -> str:
+ """Generate cache key based on geographic bounds and filters"""
+ # Use geohash for geographic component
+ bounds_hash = self._bounds_to_geohash(bounds, precision=zoom_level)
+ filters_hash = self._filters_to_hash(filters)
+
+ return f"map:bounds:{bounds_hash}:filters:{filters_hash}:zoom:{zoom_level}"
+
+ def _bounds_to_geohash(self, bounds: GeoBounds, precision: int) -> str:
+ """Convert bounds to geohash for geographic caching"""
+ import geohash
+ center_lat = (bounds.north + bounds.south) / 2
+ center_lng = (bounds.east + bounds.west) / 2
+
+ # Adjust precision based on zoom level
+ precision = min(max(precision // 2, 4), 8)
+
+ return geohash.encode(center_lat, center_lng, precision)
+```
+
+### 6.2 Cache Invalidation Strategy
+
+#### InvalidationStrategy
+```python
+class CacheInvalidationStrategy:
+ """Handles intelligent cache invalidation"""
+
+ def __init__(self, cache_service: MapCacheService):
+ self.cache_service = cache_service
+
+ def invalidate_location_update(self, location_type: LocationType, location_id: int):
+ """Invalidate caches when location data changes"""
+ # Get affected geographic areas
+ affected_areas = self._get_affected_geohash_areas(location_type, location_id)
+
+ # Invalidate all cache keys in those areas
+ for area in affected_areas:
+ pattern = f"map:bounds:{area}*"
+ self._invalidate_pattern(pattern)
+
+ def invalidate_bulk_update(self, location_type: LocationType, count: int):
+ """Invalidate broader caches for bulk updates"""
+ if count > 10: # Major update
+ pattern = f"map:*"
+ self._invalidate_pattern(pattern)
+ else:
+ # Invalidate just this location type
+ pattern = f"map:*:filters:*{location_type.value}*"
+ self._invalidate_pattern(pattern)
+```
+
+## 7. API Design
+
+### 7.1 REST Endpoints
+
+#### Core Map API Endpoints
+```python
+# urls.py
+urlpatterns = [
+ path('api/map/locations/', MapLocationListView.as_view(), name='map-locations'),
+ path('api/map/locations/Location
+{{ park.park_location.formatted_address }}
+ + {% if park.park_location.highway_exit %} +Highway Exit: {{ park.park_location.highway_exit }}
+ {% endif %} + + {% if park.park_location.parking_notes %} +Parking: {{ park.park_location.parking_notes }}
+ {% endif %} + +
+
+${emoji}
`,
+ className: 'custom-marker',
+ iconSize: [30, 30],
+ iconAnchor: [15, 15]
+ });
+ }
+}
+```
+
+### 8.3 HTMX Integration Patterns
+
+#### Dynamic Filter Updates
+```html
+
+
+
+
+
+
+
+
+
+
+
+```
+
+#### JavaScript Integration Bridge
+```javascript
+// Bridge between Leaflet and HTMX
+class HTMXMapBridge {
+ constructor(mapInstance) {
+ this.map = mapInstance;
+ this.setupHTMXIntegration();
+ }
+
+ setupHTMXIntegration() {
+ // Update hidden form fields when map changes
+ this.map.map.on('moveend zoomend', () => {
+ this.updateFormFields();
+ this.triggerHTMXUpdate();
+ });
+ }
+
+ updateFormFields() {
+ const bounds = this.map.map.getBounds();
+ const zoom = this.map.map.getZoom();
+
+ document.getElementById('map-bounds').value =
+ `${bounds.getNorth()},${bounds.getSouth()},${bounds.getEast()},${bounds.getWest()}`;
+ document.getElementById('map-zoom').value = zoom;
+ }
+
+ triggerHTMXUpdate() {
+ // Trigger HTMX update
+ document.body.dispatchEvent(new CustomEvent('map-bounds-changed'));
+ }
+}
+```
+
+## 9. Error Handling and Fallback Strategies
+
+### 9.1 Error Handling Architecture
+
+#### UnifiedErrorHandler
+```python
+class UnifiedMapErrorHandler:
+ """Centralized error handling for map service"""
+
+ def handle_query_error(self, error: Exception, context: Dict) -> MapResponse:
+ """Handle database query errors with fallbacks"""
+ logger.error(f"Map query error: {error}", extra=context)
+
+ if isinstance(error, DatabaseError):
+ # Try simplified query without complex filters
+ return self._fallback_simple_query(context)
+ elif isinstance(error, TimeoutError):
+ # Return cached data if available
+ return self._fallback_cached_data(context)
+ else:
+ # Return empty response with error message
+ return MapResponse.error_response(
+ message="Unable to load map data",
+ error_code="QUERY_FAILED"
+ )
+
+ def handle_location_adapter_error(
+ self,
+ adapter_type: str,
+ error: Exception,
+ context: Dict
+ ) -> List[UnifiedLocation]:
+ """Handle individual adapter failures"""
+ logger.warning(f"Adapter {adapter_type} failed: {error}", extra=context)
+
+ # Log failure but continue with other adapters
+ self._record_adapter_failure(adapter_type, error)
+
+ # Return empty list for this adapter
+ return []
+
+ def _fallback_simple_query(self, context: Dict) -> MapResponse:
+ """Simplified query fallback for complex filter failures"""
+ try:
+ # Try query with only bounds, no complex filters
+ bounds = context.get('bounds')
+ if bounds:
+ simple_filters = MapFilters(has_coordinates=True)
+ return self._execute_simple_bounds_query(bounds, simple_filters)
+ except Exception as e:
+ logger.error(f"Fallback query also failed: {e}")
+
+ return MapResponse.empty_response()
+```
+
+### 9.2 Graceful Degradation
+
+#### DegradationStrategy
+```python
+class MapDegradationStrategy:
+ """Handles graceful degradation of map functionality"""
+
+ def get_degraded_response(
+ self,
+ requested_features: Set[str],
+ available_features: Set[str]
+ ) -> MapResponse:
+ """Return response with available features only"""
+
+ response = MapResponse()
+
+ if 'locations' in available_features:
+ response.data.locations = self._get_basic_locations()
+ else:
+ response.warnings.append("Location data unavailable")
+
+ if 'clustering' not in available_features:
+ response.warnings.append("Clustering disabled due to performance")
+ response.data.clustered = False
+
+ if 'search' not in available_features:
+ response.warnings.append("Search functionality temporarily unavailable")
+
+ return response
+
+ def check_system_health(self) -> Dict[str, bool]:
+ """Check health of map service components"""
+ health = {}
+
+ try:
+ # Test database connectivity
+ with connection.cursor() as cursor:
+ cursor.execute("SELECT 1")
+ health['database'] = True
+ except Exception:
+ health['database'] = False
+
+ try:
+ # Test Redis connectivity
+ self.cache_service.redis_client.ping()
+ health['cache'] = True
+ except Exception:
+ health['cache'] = False
+
+ try:
+ # Test PostGIS functionality
+ from django.contrib.gis.geos import Point
+ Point(0, 0).buffer(1)
+ health['postgis'] = True
+ except Exception:
+ health['postgis'] = False
+
+ return health
+```
+
+## 10. Performance Monitoring and Optimization
+
+### 10.1 Performance Metrics
+
+#### MapPerformanceMonitor
+```python
+class MapPerformanceMonitor:
+ """Monitor and track map service performance"""
+
+ def __init__(self):
+ self.metrics = defaultdict(list)
+ self.thresholds = {
+ 'query_time': 500, # ms
+ 'total_response_time': 1000, # ms
+ 'cache_hit_rate': 0.8, # 80%
+ }
+
+ @contextmanager
+ def track_performance(self, operation: str, context: Dict = None):
+ """Track performance of map operations"""
+ start_time = time.time()
+ start_memory = psutil.Process().memory_info().rss
+
+ try:
+ yield
+ finally:
+ end_time = time.time()
+ end_memory = psutil.Process().memory_info().rss
+
+ execution_time = (end_time - start_time) * 1000 # Convert to ms
+ memory_delta = end_memory - start_memory
+
+ self._record_metric(operation, {
+ 'execution_time_ms': execution_time,
+ 'memory_delta_bytes': memory_delta,
+ 'context': context or {}
+ })
+
+ # Check for performance issues
+ self._check_performance_thresholds(operation, execution_time)
+
+ def get_performance_report(self, hours: int = 24) -> Dict:
+ """Generate performance report"""
+ cutoff_time = time.time() - (hours * 3600)
+
+ recent_metrics = {
+ operation: [m for m in metrics if m['timestamp'] > cutoff_time]
+ for operation, metrics in self.metrics.items()
+ }
+
+ return {
+ 'summary': self._calculate_summary_stats(recent_metrics),
+ 'slow_queries': self._identify_slow_queries(recent_metrics),
+ 'cache_performance': self._analyze_cache_performance(recent_metrics),
+ 'recommendations': self._generate_recommendations(recent_metrics)
+ }
+```
+
+### 10.2 Query Optimization Monitoring
+
+#### QueryOptimizationAnalyzer
+```python
+class QueryOptimizationAnalyzer:
+ """Analyze and optimize database queries"""
+
+ def analyze_query_performance(self, query_type: str, filters: MapFilters) -> Dict:
+ """Analyze performance of specific query patterns"""
+
+ with connection.cursor() as cursor:
+ # Enable query analysis
+ cursor.execute("EXPLAIN (ANALYZE, BUFFERS) " + self._build_query(query_type, filters))
+ explain_output = cursor.fetchall()
+
+ analysis = self._parse_explain_output(explain_output)
+
+ recommendations = []
+ if analysis['seq_scans'] > 0:
+ recommendations.append("Consider adding indexes for sequential scans")
+
+ if analysis['execution_time'] > 200: # ms
+ recommendations.append("Query execution time exceeds threshold")
+
+ return {
+ 'analysis': analysis,
+ 'recommendations': recommendations,
+ 'query_plan': explain_output
+ }
+
+ def suggest_index_optimizations(self) -> List[str]:
+ """Suggest database index optimizations"""
+ suggestions = []
+
+ # Analyze frequently used filter combinations
+ common_filters = self._analyze_filter_patterns()
+
+ for filter_combo in common_filters:
+ if self._would_benefit_from_index(filter_combo):
+ suggestions.append(self._generate_index_suggestion(filter_combo))
+
+ return suggestions
+```
+
+## 11. Security Considerations
+
+### 11.1 Input Validation and Sanitization
+
+#### MapSecurityValidator
+```python
+class MapSecurityValidator:
+ """Security validation for map service inputs"""
+
+ MAX_BOUNDS_SIZE = 1000 # Max km in any direction
+ MAX_LOCATIONS_RETURNED = 5000
+
+ def validate_bounds(self, bounds: GeoBounds) -> bool:
+ """Validate geographic bounds for reasonable size"""
+ if not bounds:
+ return True
+
+ # Check coordinate validity
+ if not (-90 <= bounds.south <= bounds.north <= 90):
+ raise ValidationError("Invalid latitude bounds")
+
+ if not (-180 <= bounds.west <= bounds.east <= 180):
+ raise ValidationError("Invalid longitude bounds")
+
+ # Check bounds size to prevent abuse
+ lat_diff = abs(bounds.north - bounds.south)
+ lng_diff = abs(bounds.east - bounds.west)
+
+ if lat_diff > 45 or lng_diff > 90: # Roughly continental scale
+ raise ValidationError("Bounds too large")
+
+ return True
+
+ def validate_filters(self, filters: MapFilters) -> bool:
+ """Validate filter inputs"""
+ if filters.search_query:
+ # Sanitize search query
+ if len(filters.search_query) > 200:
+ raise ValidationError("Search query too long")
+
+ # Check for potential injection patterns
+ dangerous_patterns = ['
+
+
+
+ {% for result in results %}
+
+```
+
+### 9.3 Map Integration
+
+#### Search-Map Bidirectional Integration
+```javascript
+class SearchMapIntegration {
+ constructor(mapInstance, searchForm) {
+ this.map = mapInstance;
+ this.searchForm = searchForm;
+ this.searchResults = [];
+ this.setupIntegration();
+ }
+
+ setupIntegration() {
+ // Update search when map viewport changes
+ this.map.on('moveend', () => {
+ if (this.shouldUpdateSearchOnMapMove()) {
+ this.updateSearchFromMap();
+ }
+ });
+
+ // Show search results on map
+ this.searchForm.addEventListener('results-updated', (e) => {
+ this.showResultsOnMap(e.detail.results);
+ });
+
+ // Handle "Show on Map" button clicks
+ document.addEventListener('click', (e) => {
+ if (e.target.matches('.show-on-map')) {
+ const resultId = e.target.dataset.resultId;
+ this.highlightResultOnMap(resultId);
+ }
+ });
+ }
+
+ updateSearchFromMap() {
+ const bounds = this.map.getBounds();
+ const boundsParam = [
+ bounds.getNorth(),
+ bounds.getSouth(),
+ bounds.getEast(),
+ bounds.getWest()
+ ].join(',');
+
+ // Update search form with map bounds
+ const boundsInput = document.getElementById('search-bounds');
+ if (boundsInput) {
+ boundsInput.value = boundsParam;
+ this.searchForm.submit();
+ }
+ }
+
+ showResultsOnMap(results) {
+ // Clear existing result markers
+ this.clearResultMarkers();
+
+ // Add markers for each result with location
+ results.forEach(result => {
+ if (result.location && result.location.coordinates) {
+ const marker = this.addResultMarker(result);
+ this.searchResults.push({
+ id: result.id,
+ marker: marker,
+ data: result
+ });
+ }
+ });
+
+ // Adjust map view to show all results
+ if (this.searchResults.length > 0) {
+ this.fitMapToResults();
+ }
+ }
+}
+```
+
+## 10. Implementation Phases
+
+### Phase 1: Foundation (Weeks 1-2)
+**Goal**: Establish basic location search infrastructure
+
+**Tasks**:
+1. **Enhanced Filter Classes**
+ - Extend [`ParkFilter`](parks/filters.py:26) with spatial search mixins
+ - Create `DistanceSearchMixin` and `GeographicFilterMixin`
+ - Add location-based filter fields (state, country, metro area)
+
+2. **Geocoding Service Integration**
+ - Implement `GeocodingService` with OpenStreetMap Nominatim
+ - Add address detection and coordinate parsing
+ - Set up caching layer for geocoding results
+
+3. **Database Optimization**
+ - Add spatial indexes to location models
+ - Create composite indexes for common filter combinations
+ - Optimize existing queries for location joins
+
+**Deliverables**:
+- Enhanced filter classes with location capabilities
+- Working geocoding service with caching
+- Optimized database indexes
+
+### Phase 2: Core Search Enhancement (Weeks 3-4)
+**Goal**: Integrate location capabilities into existing search
+
+**Tasks**:
+1. **Search View Enhancement**
+ - Extend [`AdaptiveSearchView`](core/views/search.py:5) with location processing
+ - Add user location detection and handling
+ - Implement hybrid text + proximity ranking
+
+2. **API Development**
+ - Create location-aware search API endpoints
+ - Implement autocomplete with location context
+ - Add proper error handling and validation
+
+3. **Query Optimization**
+ - Implement spatial query optimization patterns
+ - Add performance monitoring for search queries
+ - Create caching strategies for search results
+
+**Deliverables**:
+- Location-enhanced search views and APIs
+- Optimized spatial query patterns
+- Performance monitoring infrastructure
+
+### Phase 3: User Experience (Weeks 5-6)
+**Goal**: Create intuitive location search features
+
+**Tasks**:
+1. **Frontend Enhancement**
+ - Implement "near me" functionality with geolocation
+ - Add location permission handling and privacy controls
+ - Create enhanced search form with location context
+
+2. **Results Display**
+ - Add distance information to search results
+ - Implement "get directions" functionality
+ - Create map integration for result visualization
+
+3. **Progressive Enhancement**
+ - Ensure graceful fallback for users without location access
+ - Add IP-based location approximation
+ - Implement accessibility improvements
+
+**Deliverables**:
+- Enhanced search interface with location features
+- Map integration for search results
+- Accessibility-compliant location features
+
+### Phase 4: Advanced Features (Weeks 7-8)
+**Goal**: Implement advanced location search capabilities
+
+**Tasks**:
+1. **Cross-Domain Search**
+ - Implement unified search across parks, rides, companies
+ - Create location-aware ranking algorithms
+ - Add entity-specific location features
+
+2. **Advanced Filtering**
+ - Implement metropolitan area filtering
+ - Add route-based search (search along a path)
+ - Create clustering for dense geographic areas
+
+3. **Performance Optimization**
+ - Implement advanced caching strategies
+ - Add query result pagination for large datasets
+ - Optimize for mobile and low-bandwidth scenarios
+
+**Deliverables**:
+- Unified cross-domain location search
+- Advanced geographic filtering options
+- Production-ready performance optimizations
+
+## Performance Benchmarks and Success Criteria
+
+### Performance Targets
+- **Text + Location Search**: < 200ms for 90th percentile queries
+- **Spatial Queries**: < 300ms for radius searches up to 100 miles
+- **Geocoding**: < 100ms cache hit rate > 85%
+- **API Response**: < 150ms for location-enhanced autocomplete
+
+### Success Metrics
+- **User Adoption**: 40% of searches use location features within 3 months
+- **Search Improvement**: 25% increase in search result relevance scores
+- **Performance**: No degradation in non-location search performance
+- **Coverage**: Location data available for 95% of parks in database
+
+### Monitoring and Alerting
+- Query performance tracking with detailed metrics
+- Geocoding service health monitoring
+- User location permission grant rates
+- Search abandonment rate analysis
+
+## Risk Mitigation
+
+### Technical Risks
+1. **Performance Degradation**: Comprehensive testing and gradual rollout
+2. **Geocoding Service Reliability**: Multiple fallback providers and caching
+3. **Privacy Compliance**: Clear consent flows and data minimization
+
+### User Experience Risks
+1. **Location Permission Denial**: Graceful fallbacks and alternative experiences
+2. **Accuracy Issues**: Clear accuracy indicators and user feedback mechanisms
+3. **Complexity Overload**: Progressive disclosure and intuitive defaults
+
+## Conclusion
+
+This integration plan provides a comprehensive roadmap for enhancing ThrillWiki's search system with sophisticated location capabilities while maintaining performance and user experience. The phased approach ensures manageable implementation complexity and allows for iterative improvement based on user feedback and performance metrics.
+
+The integration leverages existing Django-filters architecture while adding powerful spatial search capabilities that will significantly enhance the user experience for theme park enthusiasts planning visits and exploring new destinations.
\ No newline at end of file
diff --git a/memory-bank/projects/company-migration-completion.md b/memory-bank/projects/company-migration-completion.md
index 59b7d321..76880b40 100644
--- a/memory-bank/projects/company-migration-completion.md
+++ b/memory-bank/projects/company-migration-completion.md
@@ -118,8 +118,8 @@ class Park(TrackedModel):
from companies.models import Company, Manufacturer
# AFTER
-from operators.models import Operator
-from property_owners.models import PropertyOwner
+from parks.models.companies import Operator
+from parks.models.companies import PropertyOwner
from manufacturers.models import Manufacturer
```
diff --git a/analytics/migrations/__init__.py b/memory-bank/workflows/rides_consolidation.md
similarity index 100%
rename from analytics/migrations/__init__.py
rename to memory-bank/workflows/rides_consolidation.md
diff --git a/moderation/migrations/0001_initial.py b/moderation/migrations/0001_initial.py
index c2f579a1..35bd221a 100644
--- a/moderation/migrations/0001_initial.py
+++ b/moderation/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.4 on 2025-02-10 01:10
+# Generated by Django 5.1.4 on 2025-08-13 21:35
import django.db.models.deletion
import pgtrigger.compiler
@@ -21,7 +21,16 @@ class Migration(migrations.Migration):
migrations.CreateModel(
name="EditSubmission",
fields=[
- ("id", models.BigAutoField(primary_key=True, serialize=False)),
+ (
+ "id",
+ models.BigAutoField(
+ auto_created=True,
+ primary_key=True,
+ serialize=False,
+ verbose_name="ID",
+ ),
+ ),
+ ("updated_at", models.DateTimeField(auto_now=True)),
("object_id", models.PositiveIntegerField(blank=True, null=True)),
(
"submission_type",
@@ -114,6 +123,7 @@ class Migration(migrations.Migration):
("pgh_created_at", models.DateTimeField(auto_now_add=True)),
("pgh_label", models.TextField(help_text="The event label.")),
("id", models.BigIntegerField()),
+ ("updated_at", models.DateTimeField(auto_now=True)),
("object_id", models.PositiveIntegerField(blank=True, null=True)),
(
"submission_type",
@@ -228,7 +238,16 @@ class Migration(migrations.Migration):
migrations.CreateModel(
name="PhotoSubmission",
fields=[
- ("id", models.BigAutoField(primary_key=True, serialize=False)),
+ (
+ "id",
+ models.BigAutoField(
+ auto_created=True,
+ primary_key=True,
+ serialize=False,
+ verbose_name="ID",
+ ),
+ ),
+ ("updated_at", models.DateTimeField(auto_now=True)),
("object_id", models.PositiveIntegerField()),
("photo", models.ImageField(upload_to="submissions/photos/")),
("caption", models.CharField(blank=True, max_length=255)),
@@ -292,6 +311,7 @@ class Migration(migrations.Migration):
("pgh_created_at", models.DateTimeField(auto_now_add=True)),
("pgh_label", models.TextField(help_text="The event label.")),
("id", models.BigIntegerField()),
+ ("updated_at", models.DateTimeField(auto_now=True)),
("object_id", models.PositiveIntegerField()),
("photo", models.ImageField(upload_to="submissions/photos/")),
("caption", models.CharField(blank=True, max_length=255)),
@@ -390,7 +410,7 @@ class Migration(migrations.Migration):
trigger=pgtrigger.compiler.Trigger(
name="insert_insert",
sql=pgtrigger.compiler.UpsertTriggerSql(
- func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."user_id"); RETURN NULL;',
+ func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "updated_at", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."updated_at", NEW."user_id"); RETURN NULL;',
hash="[AWS-SECRET-REMOVED]",
operation="INSERT",
pgid="pgtrigger_insert_insert_2c796",
@@ -405,7 +425,7 @@ class Migration(migrations.Migration):
name="update_update",
sql=pgtrigger.compiler.UpsertTriggerSql(
condition="WHEN (OLD.* IS DISTINCT FROM NEW.*)",
- func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."user_id"); RETURN NULL;',
+ func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "updated_at", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."updated_at", NEW."user_id"); RETURN NULL;',
hash="[AWS-SECRET-REMOVED]",
operation="UPDATE",
pgid="pgtrigger_update_update_ab38f",
@@ -430,7 +450,7 @@ class Migration(migrations.Migration):
trigger=pgtrigger.compiler.Trigger(
name="insert_insert",
sql=pgtrigger.compiler.UpsertTriggerSql(
- func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."photo", NEW."status", NEW."user_id"); RETURN NULL;',
+ func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "updated_at", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."photo", NEW."status", NEW."updated_at", NEW."user_id"); RETURN NULL;',
hash="[AWS-SECRET-REMOVED]",
operation="INSERT",
pgid="pgtrigger_insert_insert_62865",
@@ -445,7 +465,7 @@ class Migration(migrations.Migration):
name="update_update",
sql=pgtrigger.compiler.UpsertTriggerSql(
condition="WHEN (OLD.* IS DISTINCT FROM NEW.*)",
- func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."photo", NEW."status", NEW."user_id"); RETURN NULL;',
+ func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "updated_at", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."photo", NEW."status", NEW."updated_at", NEW."user_id"); RETURN NULL;',
hash="[AWS-SECRET-REMOVED]",
operation="UPDATE",
pgid="pgtrigger_update_update_9c311",
diff --git a/moderation/migrations/0002_remove_editsubmission_insert_insert_and_more.py b/moderation/migrations/0002_remove_editsubmission_insert_insert_and_more.py
deleted file mode 100644
index 2fb43ee6..00000000
--- a/moderation/migrations/0002_remove_editsubmission_insert_insert_and_more.py
+++ /dev/null
@@ -1,123 +0,0 @@
-# Generated by Django 5.1.4 on 2025-02-21 17:55
-
-import pgtrigger.compiler
-import pgtrigger.migrations
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
- dependencies = [
- ("moderation", "0001_initial"),
- ]
-
- operations = [
- pgtrigger.migrations.RemoveTrigger(
- model_name="editsubmission",
- name="insert_insert",
- ),
- pgtrigger.migrations.RemoveTrigger(
- model_name="editsubmission",
- name="update_update",
- ),
- pgtrigger.migrations.RemoveTrigger(
- model_name="photosubmission",
- name="insert_insert",
- ),
- pgtrigger.migrations.RemoveTrigger(
- model_name="photosubmission",
- name="update_update",
- ),
- migrations.AddField(
- model_name="editsubmission",
- name="updated_at",
- field=models.DateTimeField(auto_now=True),
- ),
- migrations.AddField(
- model_name="editsubmissionevent",
- name="updated_at",
- field=models.DateTimeField(auto_now=True),
- ),
- migrations.AddField(
- model_name="photosubmission",
- name="updated_at",
- field=models.DateTimeField(auto_now=True),
- ),
- migrations.AddField(
- model_name="photosubmissionevent",
- name="updated_at",
- field=models.DateTimeField(auto_now=True),
- ),
- migrations.AlterField(
- model_name="editsubmission",
- name="id",
- field=models.BigAutoField(
- auto_created=True, primary_key=True, serialize=False, verbose_name="ID"
- ),
- ),
- migrations.AlterField(
- model_name="photosubmission",
- name="id",
- field=models.BigAutoField(
- auto_created=True, primary_key=True, serialize=False, verbose_name="ID"
- ),
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="editsubmission",
- trigger=pgtrigger.compiler.Trigger(
- name="insert_insert",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "updated_at", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."updated_at", NEW."user_id"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="INSERT",
- pgid="pgtrigger_insert_insert_2c796",
- table="moderation_editsubmission",
- when="AFTER",
- ),
- ),
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="editsubmission",
- trigger=pgtrigger.compiler.Trigger(
- name="update_update",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- condition="WHEN (OLD.* IS DISTINCT FROM NEW.*)",
- func='INSERT INTO "moderation_editsubmissionevent" ("changes", "content_type_id", "created_at", "handled_at", "handled_by_id", "id", "moderator_changes", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "reason", "source", "status", "submission_type", "updated_at", "user_id") VALUES (NEW."changes", NEW."content_type_id", NEW."created_at", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."moderator_changes", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."reason", NEW."source", NEW."status", NEW."submission_type", NEW."updated_at", NEW."user_id"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="UPDATE",
- pgid="pgtrigger_update_update_ab38f",
- table="moderation_editsubmission",
- when="AFTER",
- ),
- ),
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="photosubmission",
- trigger=pgtrigger.compiler.Trigger(
- name="insert_insert",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "updated_at", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."photo", NEW."status", NEW."updated_at", NEW."user_id"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="INSERT",
- pgid="pgtrigger_insert_insert_62865",
- table="moderation_photosubmission",
- when="AFTER",
- ),
- ),
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="photosubmission",
- trigger=pgtrigger.compiler.Trigger(
- name="update_update",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- condition="WHEN (OLD.* IS DISTINCT FROM NEW.*)",
- func='INSERT INTO "moderation_photosubmissionevent" ("caption", "content_type_id", "created_at", "date_taken", "handled_at", "handled_by_id", "id", "notes", "object_id", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "photo", "status", "updated_at", "user_id") VALUES (NEW."caption", NEW."content_type_id", NEW."created_at", NEW."date_taken", NEW."handled_at", NEW."handled_by_id", NEW."id", NEW."notes", NEW."object_id", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."photo", NEW."status", NEW."updated_at", NEW."user_id"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="UPDATE",
- pgid="pgtrigger_update_update_9c311",
- table="moderation_photosubmission",
- when="AFTER",
- ),
- ),
- ),
- ]
diff --git a/moderation/models.py b/moderation/models.py
index 6d59e73d..198728a5 100644
--- a/moderation/models.py
+++ b/moderation/models.py
@@ -10,7 +10,7 @@ from django.contrib.auth.base_user import AbstractBaseUser
from django.contrib.auth.models import AnonymousUser
from django.utils.text import slugify
import pghistory
-from history_tracking.models import TrackedModel
+from core.history import TrackedModel
UserType = Union[AbstractBaseUser, AnonymousUser]
diff --git a/moderation/tests.py b/moderation/tests.py
index 38455a90..e5e1a522 100644
--- a/moderation/tests.py
+++ b/moderation/tests.py
@@ -10,7 +10,7 @@ from django.utils.datastructures import MultiValueDict
from django.http import QueryDict
from .models import EditSubmission, PhotoSubmission
from .mixins import EditSubmissionMixin, PhotoSubmissionMixin, ModeratorRequiredMixin, AdminRequiredMixin, InlineEditMixin, HistoryMixin
-from operators.models import Operator
+from parks.models.companies import Operator
from django.views.generic import DetailView
from django.test import RequestFactory
import json
diff --git a/moderation/urls.py b/moderation/urls.py
index 93eb7650..6e7d0755 100644
--- a/moderation/urls.py
+++ b/moderation/urls.py
@@ -18,8 +18,6 @@ urlpatterns = [
# Search endpoints
path('search/parks/', views.search_parks, name='search_parks'),
- path('search/manufacturers/', views.search_manufacturers, name='search_manufacturers'),
- path('search/designers/', views.search_designers, name='search_designers'),
path('search/ride-models/', views.search_ride_models, name='search_ride_models'),
# Submission Actions
diff --git a/moderation/views.py b/moderation/views.py
index 4ac46461..f0ef3357 100644
--- a/moderation/views.py
+++ b/moderation/views.py
@@ -14,10 +14,7 @@ from accounts.models import User
from .models import EditSubmission, PhotoSubmission
from parks.models import Park, ParkArea
-from designers.models import Designer
-from manufacturers.models import Manufacturer
-from rides.models import RideModel
-from location.models import Location
+from rides.models import RideModel, Company
MODERATOR_ROLES = ['MODERATOR', 'ADMIN', 'SUPERUSER']
@@ -67,8 +64,6 @@ def get_context_data(request: HttpRequest, queryset: QuerySet) -> Dict[str, Any]
'submissions': queryset,
'user': request.user,
'parks': [(park.pk, str(park)) for park in Park.objects.all()],
- 'designers': [(designer.pk, str(designer)) for designer in Designer.objects.all()],
- 'manufacturers': [(manufacturer.pk, str(manufacturer)) for manufacturer in Manufacturer.objects.all()],
'ride_models': [(model.pk, str(model)) for model in RideModel.objects.all()],
'owners': [(user.pk, str(user)) for user in User.objects.filter(role__in=['OWNER', 'ADMIN', 'SUPERUSER'])],
'park_areas_by_park': park_areas_by_park
@@ -95,47 +90,6 @@ def search_parks(request: HttpRequest) -> HttpResponse:
'submission_id': submission_id
})
-@login_required
-def search_manufacturers(request: HttpRequest) -> HttpResponse:
- """HTMX endpoint for searching manufacturers in moderation dashboard"""
- user = cast(User, request.user)
- if not (user.role in MODERATOR_ROLES or user.is_superuser):
- return HttpResponse(status=403)
-
- query = request.GET.get('q', '').strip()
- submission_id = request.GET.get('submission_id')
-
- manufacturers = Manufacturer.objects.all().order_by('name')
- if query:
- manufacturers = manufacturers.filter(name__icontains=query)
- manufacturers = manufacturers[:10]
-
- return render(request, 'moderation/partials/manufacturer_search_results.html', {
- 'manufacturers': manufacturers,
- 'search_term': query,
- 'submission_id': submission_id
- })
-
-@login_required
-def search_designers(request: HttpRequest) -> HttpResponse:
- """HTMX endpoint for searching designers in moderation dashboard"""
- user = cast(User, request.user)
- if not (user.role in MODERATOR_ROLES or user.is_superuser):
- return HttpResponse(status=403)
-
- query = request.GET.get('q', '').strip()
- submission_id = request.GET.get('submission_id')
-
- designers = Designer.objects.all().order_by('name')
- if query:
- designers = designers.filter(name__icontains=query)
- designers = designers[:10]
-
- return render(request, 'moderation/partials/designer_search_results.html', {
- 'designers': designers,
- 'search_term': query,
- 'submission_id': submission_id
- })
@login_required
def search_ride_models(request: HttpRequest) -> HttpResponse:
diff --git a/operators/__init__.py b/operators/__init__.py
deleted file mode 100644
index e69de29b..00000000
diff --git a/operators/admin.py b/operators/admin.py
deleted file mode 100644
index 2cf9e54f..00000000
--- a/operators/admin.py
+++ /dev/null
@@ -1,14 +0,0 @@
-from django.contrib import admin
-from .models import Operator
-
-
-class OperatorAdmin(admin.ModelAdmin):
- list_display = ('name', 'headquarters', 'founded_year', 'parks_count', 'rides_count', 'created_at', 'updated_at')
- list_filter = ('founded_year',)
- search_fields = ('name', 'description', 'headquarters')
- readonly_fields = ('created_at', 'updated_at', 'parks_count', 'rides_count')
- prepopulated_fields = {'slug': ('name',)}
-
-
-# Register the model with admin
-admin.site.register(Operator, OperatorAdmin)
diff --git a/operators/apps.py b/operators/apps.py
deleted file mode 100644
index 5e618379..00000000
--- a/operators/apps.py
+++ /dev/null
@@ -1,6 +0,0 @@
-from django.apps import AppConfig
-
-
-class OperatorsConfig(AppConfig):
- default_auto_field = 'django.db.models.BigAutoField'
- name = 'operators'
diff --git a/operators/migrations/0001_initial.py b/operators/migrations/0001_initial.py
deleted file mode 100644
index b5cfaf0a..00000000
--- a/operators/migrations/0001_initial.py
+++ /dev/null
@@ -1,119 +0,0 @@
-# Generated by Django 5.1.4 on 2025-07-04 14:50
-
-import django.db.models.deletion
-import pgtrigger.compiler
-import pgtrigger.migrations
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
- initial = True
-
- dependencies = [
- ("pghistory", "0006_delete_aggregateevent"),
- ]
-
- operations = [
- migrations.CreateModel(
- name="Operator",
- fields=[
- (
- "id",
- models.BigAutoField(
- auto_created=True,
- primary_key=True,
- serialize=False,
- verbose_name="ID",
- ),
- ),
- ("created_at", models.DateTimeField(auto_now_add=True)),
- ("updated_at", models.DateTimeField(auto_now=True)),
- ("name", models.CharField(max_length=255)),
- ("slug", models.SlugField(max_length=255, unique=True)),
- ("description", models.TextField(blank=True)),
- ("website", models.URLField(blank=True)),
- ("founded_year", models.PositiveIntegerField(blank=True, null=True)),
- ("headquarters", models.CharField(blank=True, max_length=255)),
- ("parks_count", models.IntegerField(default=0)),
- ("rides_count", models.IntegerField(default=0)),
- ],
- options={
- "verbose_name": "Operator",
- "verbose_name_plural": "Operators",
- "ordering": ["name"],
- },
- ),
- migrations.CreateModel(
- name="OperatorEvent",
- fields=[
- ("pgh_id", models.AutoField(primary_key=True, serialize=False)),
- ("pgh_created_at", models.DateTimeField(auto_now_add=True)),
- ("pgh_label", models.TextField(help_text="The event label.")),
- ("id", models.BigIntegerField()),
- ("created_at", models.DateTimeField(auto_now_add=True)),
- ("updated_at", models.DateTimeField(auto_now=True)),
- ("name", models.CharField(max_length=255)),
- ("slug", models.SlugField(db_index=False, max_length=255)),
- ("description", models.TextField(blank=True)),
- ("website", models.URLField(blank=True)),
- ("founded_year", models.PositiveIntegerField(blank=True, null=True)),
- ("headquarters", models.CharField(blank=True, max_length=255)),
- ("parks_count", models.IntegerField(default=0)),
- ("rides_count", models.IntegerField(default=0)),
- ],
- options={
- "abstract": False,
- },
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="operator",
- trigger=pgtrigger.compiler.Trigger(
- name="insert_insert",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- func='INSERT INTO "operators_operatorevent" ("created_at", "description", "founded_year", "headquarters", "id", "name", "parks_count", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "rides_count", "slug", "updated_at", "website") VALUES (NEW."created_at", NEW."description", NEW."founded_year", NEW."headquarters", NEW."id", NEW."name", NEW."parks_count", _pgh_attach_context(), NOW(), \'insert\', NEW."id", NEW."rides_count", NEW."slug", NEW."updated_at", NEW."website"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="INSERT",
- pgid="pgtrigger_insert_insert_504a1",
- table="operators_operator",
- when="AFTER",
- ),
- ),
- ),
- pgtrigger.migrations.AddTrigger(
- model_name="operator",
- trigger=pgtrigger.compiler.Trigger(
- name="update_update",
- sql=pgtrigger.compiler.UpsertTriggerSql(
- condition="WHEN (OLD.* IS DISTINCT FROM NEW.*)",
- func='INSERT INTO "operators_operatorevent" ("created_at", "description", "founded_year", "headquarters", "id", "name", "parks_count", "pgh_context_id", "pgh_created_at", "pgh_label", "pgh_obj_id", "rides_count", "slug", "updated_at", "website") VALUES (NEW."created_at", NEW."description", NEW."founded_year", NEW."headquarters", NEW."id", NEW."name", NEW."parks_count", _pgh_attach_context(), NOW(), \'update\', NEW."id", NEW."rides_count", NEW."slug", NEW."updated_at", NEW."website"); RETURN NULL;',
- hash="[AWS-SECRET-REMOVED]",
- operation="UPDATE",
- pgid="pgtrigger_update_update_a7fb6",
- table="operators_operator",
- when="AFTER",
- ),
- ),
- ),
- migrations.AddField(
- model_name="operatorevent",
- name="pgh_context",
- field=models.ForeignKey(
- db_constraint=False,
- null=True,
- on_delete=django.db.models.deletion.DO_NOTHING,
- related_name="+",
- to="pghistory.context",
- ),
- ),
- migrations.AddField(
- model_name="operatorevent",
- name="pgh_obj",
- field=models.ForeignKey(
- db_constraint=False,
- on_delete=django.db.models.deletion.DO_NOTHING,
- related_name="events",
- to="operators.operator",
- ),
- ),
- ]
diff --git a/operators/migrations/__init__.py b/operators/migrations/__init__.py
deleted file mode 100644
index e69de29b..00000000
diff --git a/operators/models.py b/operators/models.py
deleted file mode 100644
index 3fbe9add..00000000
--- a/operators/models.py
+++ /dev/null
@@ -1,65 +0,0 @@
-from django.db import models
-from django.utils.text import slugify
-from django.urls import reverse
-from typing import Tuple, Optional, ClassVar, TYPE_CHECKING
-import pghistory
-from history_tracking.models import TrackedModel, HistoricalSlug
-
-@pghistory.track()
-class Operator(TrackedModel):
- """
- Companies that operate theme parks (replaces Company.owner)
- """
- name = models.CharField(max_length=255)
- slug = models.SlugField(max_length=255, unique=True)
- description = models.TextField(blank=True)
- website = models.URLField(blank=True)
- founded_year = models.PositiveIntegerField(blank=True, null=True)
- headquarters = models.CharField(max_length=255, blank=True)
- parks_count = models.IntegerField(default=0)
- rides_count = models.IntegerField(default=0)
-
- objects: ClassVar[models.Manager['Operator']]
-
- class Meta:
- ordering = ['name']
- verbose_name = 'Operator'
- verbose_name_plural = 'Operators'
-
- def __str__(self) -> str:
- return self.name
-
- def save(self, *args, **kwargs) -> None:
- if not self.slug:
- self.slug = slugify(self.name)
- super().save(*args, **kwargs)
-
- def get_absolute_url(self) -> str:
- return reverse('operators:detail', kwargs={'slug': self.slug})
-
- @classmethod
- def get_by_slug(cls, slug: str) -> Tuple['Operator', bool]:
- """Get operator by slug, checking historical slugs if needed"""
- try:
- return cls.objects.get(slug=slug), False
- except cls.DoesNotExist:
- # Check pghistory first
- history_model = cls.get_history_model()
- history_entry = (
- history_model.objects.filter(slug=slug)
- .order_by('-pgh_created_at')
- .first()
- )
-
- if history_entry:
- return cls.objects.get(id=history_entry.pgh_obj_id), True
-
- # Check manual slug history as fallback
- try:
- historical = HistoricalSlug.objects.get(
- content_type__model='operator',
- slug=slug
- )
- return cls.objects.get(pk=historical.object_id), True
- except (HistoricalSlug.DoesNotExist, cls.DoesNotExist):
- raise cls.DoesNotExist()
diff --git a/operators/tests.py b/operators/tests.py
deleted file mode 100644
index 7ce503c2..00000000
--- a/operators/tests.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.test import TestCase
-
-# Create your tests here.
diff --git a/operators/urls.py b/operators/urls.py
deleted file mode 100644
index a73e96fe..00000000
--- a/operators/urls.py
+++ /dev/null
@@ -1,10 +0,0 @@
-from django.urls import path
-from . import views
-
-app_name = "operators"
-
-urlpatterns = [
- # Operator list and detail views
- path("", views.OperatorListView.as_view(), name="operator_list"),
- path("
+
+ {% endfor %}
+
+
+
+ + {{ result.name }} +
+ + {% if result.distance_miles %} +
+
+ {{ result.distance_miles|floatformat:1 }} miles away
+
+ {% endif %}
+
+ {% if result.location.address %}
+
+ {{ result.location.address }}
+
+ {% if result.location.highway_exit %}
+
+
+
+
+ Exit: {{ result.location.highway_exit }}
+
+ {% endif %}
+ {% endif %}
+
+ View Details
+
+ {% if result.location.coordinates %}
+
+ {% endif %}
+
+ {% if user_location and result.location.coordinates %}
+
+ {% endif %}
+
+ {{ company.name }}
+{% endfor %}
\ No newline at end of file
diff --git a/rides/urls.py b/rides/urls.py
index 12ff0b56..92b6cbd3 100644
--- a/rides/urls.py
+++ b/rides/urls.py
@@ -46,21 +46,16 @@ urlpatterns = [
),
# Search endpoints (must come before slug patterns)
- path(
- "search/manufacturers/",
- views.search_manufacturers,
- name="search_manufacturers"
- ),
- path(
- "search/designers/",
- views.search_designers,
- name="search_designers"
- ),
path(
"search/models/",
views.search_ride_models,
name="search_ride_models"
),
+ path(
+ "search/companies/",
+ views.search_companies,
+ name="search_companies"
+ ),
# HTMX endpoints (must come before slug patterns)
path(
diff --git a/rides/views.py b/rides/views.py
index cc93e6e0..171c05b5 100644
--- a/rides/views.py
+++ b/rides/views.py
@@ -9,16 +9,14 @@ from django.contrib import messages
from django.http import HttpRequest, HttpResponse, Http404
from django.db.models import Count
from .models import (
- Ride, RollerCoasterStats, RideModel, RideEvent,
- CATEGORY_CHOICES
+ Ride, RollerCoasterStats, RideModel,
+ CATEGORY_CHOICES, Company
)
from .forms import RideForm
from parks.models import Park
from core.views import SlugRedirectMixin
from moderation.mixins import EditSubmissionMixin, PhotoSubmissionMixin, HistoryMixin
from moderation.models import EditSubmission
-from manufacturers.models import Manufacturer
-from designers.models import Designer
class ParkContextRequired:
@@ -64,11 +62,6 @@ class RideDetailView(HistoryMixin, DetailView):
context['park_slug'] = self.kwargs['park_slug']
context['park'] = self.object.park
- # Add history records
- context['history'] = RideEvent.objects.filter(
- pgh_obj_id=self.object.id
- ).order_by('-pgh_created_at')
-
return context
@@ -107,9 +100,9 @@ class RideCreateView(LoginRequiredMixin, ParkContextRequired, CreateView):
if manufacturer_name and not form.cleaned_data.get('manufacturer'):
EditSubmission.objects.create(
user=self.request.user,
- content_type=ContentType.objects.get_for_model(Manufacturer),
+ content_type=ContentType.objects.get_for_model(Company),
submission_type="CREATE",
- changes={"name": manufacturer_name},
+ changes={"name": manufacturer_name, "roles": ["MANUFACTURER"]},
)
# Check for new designer
@@ -117,9 +110,9 @@ class RideCreateView(LoginRequiredMixin, ParkContextRequired, CreateView):
if designer_name and not form.cleaned_data.get('designer'):
EditSubmission.objects.create(
user=self.request.user,
- content_type=ContentType.objects.get_for_model(Designer),
+ content_type=ContentType.objects.get_for_model(Company),
submission_type="CREATE",
- changes={"name": designer_name},
+ changes={"name": designer_name, "roles": ["DESIGNER"]},
)
# Check for new ride model
@@ -179,9 +172,9 @@ class RideUpdateView(LoginRequiredMixin, ParkContextRequired, EditSubmissionMixi
if manufacturer_name and not form.cleaned_data.get('manufacturer'):
EditSubmission.objects.create(
user=self.request.user,
- content_type=ContentType.objects.get_for_model(Manufacturer),
+ content_type=ContentType.objects.get_for_model(Company),
submission_type="CREATE",
- changes={"name": manufacturer_name}
+ changes={"name": manufacturer_name, "roles": ["MANUFACTURER"]}
)
# Check for new designer
@@ -189,9 +182,9 @@ class RideUpdateView(LoginRequiredMixin, ParkContextRequired, EditSubmissionMixi
if designer_name and not form.cleaned_data.get('designer'):
EditSubmission.objects.create(
user=self.request.user,
- content_type=ContentType.objects.get_for_model(Designer),
+ content_type=ContentType.objects.get_for_model(Company),
submission_type="CREATE",
- changes={"name": designer_name}
+ changes={"name": designer_name, "roles": ["DESIGNER"]}
)
# Check for new ride model
@@ -314,40 +307,26 @@ class SingleCategoryListView(ListView):
ParkSingleCategoryListView = SingleCategoryListView
-def search_manufacturers(request: HttpRequest) -> HttpResponse:
- """Search manufacturers and return results for HTMX"""
- query = request.GET.get("q", "").strip()
- # Show all manufacturers on click, filter on input
- manufacturers = Manufacturer.objects.all().order_by("name")
+
+def search_companies(request: HttpRequest) -> HttpResponse:
+ """Search companies and return results for HTMX"""
+ query = request.GET.get("q", "").strip()
+ role = request.GET.get("role", "").upper()
+
+ companies = Company.objects.all().order_by("name")
+ if role:
+ companies = companies.filter(roles__contains=[role])
if query:
- manufacturers = manufacturers.filter(name__icontains=query)
- manufacturers = manufacturers[:10]
+ companies = companies.filter(name__icontains=query)
+ companies = companies[:10]
return render(
request,
- "rides/partials/manufacturer_search_results.html",
- {"manufacturers": manufacturers, "search_term": query},
+ "rides/partials/company_search_results.html",
+ {"companies": companies, "search_term": query},
)
-
-def search_designers(request: HttpRequest) -> HttpResponse:
- """Search designers and return results for HTMX"""
- query = request.GET.get("q", "").strip()
-
- # Show all designers on click, filter on input
- designers = Designer.objects.all().order_by("name")
- if query:
- designers = designers.filter(name__icontains=query)
- designers = designers[:10]
-
- return render(
- request,
- "rides/partials/designer_search_results.html",
- {"designers": designers, "search_term": query},
- )
-
-
def search_ride_models(request: HttpRequest) -> HttpResponse:
"""Search ride models and return results for HTMX"""
query = request.GET.get("q", "").strip()
diff --git a/scripts/create_initial_data.py b/scripts/create_initial_data.py
index a351d674..6979849e 100644
--- a/scripts/create_initial_data.py
+++ b/scripts/create_initial_data.py
@@ -1,10 +1,8 @@
from django.utils import timezone
-from django.contrib.contenttypes.models import ContentType
from django.contrib.gis.geos import Point
-from parks.models import Park
+from parks.models import Park, ParkLocation
from rides.models import Ride, RideModel, RollerCoasterStats
-from manufacturers.models import Manufacturer
-from location.models import Location
+from rides.models import Manufacturer
# Create Cedar Point
park, _ = Park.objects.get_or_create(
@@ -19,22 +17,19 @@ park, _ = Park.objects.get_or_create(
)
# Create location for Cedar Point
-Location.objects.get_or_create(
- content_type=ContentType.objects.get_for_model(Park),
- object_id=park.id,
+location, _ = ParkLocation.objects.get_or_create(
+ park=park,
defaults={
- "name": "Cedar Point",
- "location_type": "amusement_park",
"street_address": "1 Cedar Point Dr",
"city": "Sandusky",
"state": "OH",
"postal_code": "44870",
"country": "USA",
- "latitude": 41.4822,
- "longitude": -82.6839,
- "point": Point(-82.6839, 41.4822) # longitude, latitude
}
)
+# Set coordinates using the helper method
+location.set_coordinates(-82.6839, 41.4822) # longitude, latitude
+location.save()
# Create Intamin as manufacturer
bm, _ = Manufacturer.objects.get_or_create(
diff --git a/search/README.md b/search/README.md
deleted file mode 100644
index 2a92de60..00000000
--- a/search/README.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Search & Filter System
-
-A flexible, reusable search and filtering system that can be used across any Django model in the project.
-
-## Features
-
-- Modular filter system with composable mixins
-- HTMX integration for dynamic updates
-- Responsive, accessible filter UI components
-- Automatic filter generation based on model fields
-- Location-based filtering support
-- Flexible template system
-
-## Usage
-
-### Basic Implementation
-
-Add filtering to any ListView by using the `HTMXFilterableMixin`:
-
-```python
-from django.views.generic import ListView
-from search.mixins import HTMXFilterableMixin
-
-class MyModelListView(HTMXFilterableMixin, ListView):
- model = MyModel
- template_name = "myapp/mymodel_list.html"
- search_fields = ['name', 'description'] # Fields to include in text search
-```
-
-### Custom Filters
-
-Add custom filters for specific model needs:
-
-```python
-additional_filters = {
- 'category': ChoiceFilter(choices=MyModel.CATEGORY_CHOICES),
- 'rating': RangeFilter(field_name='average_rating'),
-}
-```
-
-### Template Integration
-
-Extend the base filtered list template:
-
-```html
-{% extends "search/layouts/filtered_list.html" %}
-
-{% block list_actions %}
-
- Add New
-
-{% endblock %}
-```
-
-### Custom Result Display
-
-Create a custom results template in `templates/search/partials/mymodel_results.html`:
-
-```html
-
- {% for object in object_list %}
-
-```
-
-## Components
-
-### Mixins
-
-- `LocationFilterMixin`: Adds location-based filtering
-- `RatingFilterMixin`: Adds rating range filters
-- `DateRangeFilterMixin`: Adds date range filtering
-
-### Factory Function
-
-Use `create_model_filter` to dynamically create filters:
-
-```python
-MyModelFilter = create_model_filter(
- model=MyModel,
- search_fields=['name', 'description'],
- mixins=[LocationFilterMixin, RatingFilterMixin],
- additional_filters={...}
-)
-```
-
-### Template Tags
-
-- `model_name`: Get human-readable model name
-- `groupby_filters`: Group filter fields logically
-- `add_field_classes`: Add Tailwind classes to form fields
-
-## Performance Considerations
-
-- Use `select_related` and `prefetch_related` in your querysets
-- Index commonly filtered fields
-- Consider caching for static filter choices
-- Use the built-in pagination
-
-## Examples
-
-See `search/examples.py` for detailed implementation examples across different model types.
\ No newline at end of file
diff --git a/search/__init__.py b/search/__init__.py
deleted file mode 100644
index e69de29b..00000000
diff --git a/search/admin.py b/search/admin.py
deleted file mode 100644
index 8c38f3f3..00000000
--- a/search/admin.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.contrib import admin
-
-# Register your models here.
diff --git a/search/apps.py b/search/apps.py
deleted file mode 100644
index 8ebc9a8f..00000000
--- a/search/apps.py
+++ /dev/null
@@ -1,5 +0,0 @@
-from django.apps import AppConfig
-
-class SearchConfig(AppConfig):
- default_auto_field = "django.db.models.BigAutoField"
- name = "search"
diff --git a/search/examples.py b/search/examples.py
deleted file mode 100644
index df81b34f..00000000
--- a/search/examples.py
+++ /dev/null
@@ -1,137 +0,0 @@
-"""
-Examples of how to use the search/filter system in different contexts.
-These are example implementations - DO NOT import or use this file directly.
-"""
-
-from django.views.generic import ListView
-from django_filters import CharFilter, ChoiceFilter, NumberFilter, DateFromToRangeFilter
-from django.db.models import Q
-
-from .mixins import HTMXFilterableMixin
-from .filters import LocationFilterMixin, RatingFilterMixin, DateRangeFilterMixin, create_model_filter
-
-# Example 1: Basic List View with Filtering
-"""
-class RideListView(HTMXFilterableMixin, ListView):
- model = Ride
- template_name = "rides/ride_list.html"
- paginate_by = 20
-
- # Define search fields for text search
- search_fields = ['name', 'description', 'manufacturer__name']
-
- # Add any model-specific filters
- additional_filters = {
- 'category': ChoiceFilter(choices=Ride.CATEGORY_CHOICES),
- 'manufacturer': ModelChoiceFilter(queryset=Manufacturer.objects.all()),
- 'status': ChoiceFilter(choices=Ride.STATUS_CHOICES),
- }
-
- def get_queryset(self):
- return super().get_queryset().select_related('park', 'manufacturer')
-"""
-
-# Example 2: Using create_model_filter for Dynamic Filter Creation
-"""
-# Create a filter for Company model
-CompanyFilter = create_model_filter(
- model=Company,
- search_fields=['name', 'description', 'headquarters'],
- mixins=[LocationFilterMixin, DateRangeFilterMixin],
- additional_filters={
- 'min_parks': NumberFilter(
- field_name='parks__count',
- lookup_expr='gte',
- label='Minimum Parks'
- ),
- }
-)
-
-class CompanyListView(HTMXFilterableMixin, ListView):
- model = Company
- filter_class = CompanyFilter
- template_name = "companies/company_list.html"
-"""
-
-# Example 3: Custom Filter Implementation
-"""
-class ManufacturerFilter(FilterSet):
- search = CharFilter(method='filter_search')
- country = ChoiceFilter(choices=COUNTRY_CHOICES)
- founded_date = DateFromToRangeFilter()
- min_rides = NumberFilter(field_name='rides__count', lookup_expr='gte')
-
- class Meta:
- model = Manufacturer
- fields = {
- 'status': ['exact'],
- 'type': ['exact', 'in'],
- }
-
- def filter_search(self, queryset, name, value):
- if not value:
- return queryset
- return queryset.filter(
- Q(name__icontains=value) |
- Q(description__icontains=value) |
- Q(rides__name__icontains=value)
- ).distinct()
-"""
-
-# Example 4: Custom Template Implementation
-"""
-{# templates/search/partials/ride_results.html #}
-
-
- {% endfor %}
-{{ object.name }}
- -
- {% for ride in object_list %}
-
-"""
diff --git a/search/filters.py b/search/filters.py
deleted file mode 100644
index ad090042..00000000
--- a/search/filters.py
+++ /dev/null
@@ -1,155 +0,0 @@
-from typing import Any, Dict, Type
-from django.db import models
-from django.db.models import Q, QuerySet
-from django.contrib.contenttypes.fields import GenericRelation
-import django_filters
-
-class SearchableFilterMixin:
- """
- Mixin that adds basic search functionality to any filter
- """
- search = django_filters.CharFilter(method='filter_search')
- search_fields: list[str] = [] # Override in child class
-
- def filter_search(self, queryset: QuerySet, name: str, value: str) -> QuerySet:
- """
- Generic search method that can be customized by setting search_fields
- """
- if not value or not self.search_fields:
- return queryset
-
- queries = Q()
- for field in self.search_fields:
- queries |= Q(**{f"{field}__icontains": value})
- return queryset.filter(queries).distinct()
-
-class LocationFilterMixin:
- """
- Mixin to add location-based filtering capabilities
- """
- location = django_filters.CharFilter(method='filter_location')
- location_fields: list[str] = ['location__address_text'] # Override if needed
-
- def filter_location(self, queryset: QuerySet, name: str, value: str) -> QuerySet:
- if not value or not self.location_fields:
- return queryset
-
- queries = Q()
- for field in self.location_fields:
- queries |= Q(**{f"{field}__icontains": value})
- return queryset.filter(queries).distinct()
-
-class RatingFilterMixin:
- """
- Mixin to add rating-based filtering
- """
- min_rating = django_filters.NumberFilter(field_name='average_rating', lookup_expr='gte')
- max_rating = django_filters.NumberFilter(field_name='average_rating', lookup_expr='lte')
- rating_range = django_filters.RangeFilter(field_name='average_rating')
-
-class DateRangeFilterMixin:
- """
- Mixin to add date range filtering
- """
- date_field: str = 'created_at' # Override in child class
- start_date = django_filters.DateFilter(field_name=date_field, lookup_expr='gte')
- end_date = django_filters.DateFilter(field_name=date_field, lookup_expr='lte')
- date_range = django_filters.DateFromToRangeFilter(field_name=date_field)
-
-class BaseModelFilter(django_filters.FilterSet):
- """
- Base filter class that can be used with any model
- """
- def __init__(self, *args, **kwargs):
- super().__init__(*args, **kwargs)
- self.setup_dynamic_filters()
-
- def setup_dynamic_filters(self):
- """
- Set up any dynamic filters based on model fields
- """
- model_fields = self.Meta.model._meta.get_fields()
-
- for field in model_fields:
- # Add choice filters for fields with choices
- if hasattr(field, 'choices') and field.choices:
- self.filters[field.name] = django_filters.ChoiceFilter(
- choices=field.choices
- )
-
- # Add related filters for ForeignKey fields
- elif isinstance(field, models.ForeignKey):
- self.filters[f"{field.name}"] = django_filters.ModelChoiceFilter(
- queryset=field.related_model.objects.all()
- )
-
-def create_model_filter(
- model: Type[models.Model],
- search_fields: list[str] = None,
- exclude_fields: list[str] = None,
- additional_filters: Dict[str, Any] = None,
- mixins: list[Type] = None
-) -> Type[django_filters.FilterSet]:
- """
- Factory function to create a filter class for any model with customizable options
-
- Args:
- model: The Django model to create filters for
- search_fields: List of fields to include in text search
- exclude_fields: List of fields to exclude from automatic filter generation
- additional_filters: Dict of additional custom filters to add
- mixins: List of filter mixins to include
-
- Returns:
- A new FilterSet class configured for the model
- """
- if exclude_fields is None:
- exclude_fields = []
- if search_fields is None:
- search_fields = ['name', 'description']
- if additional_filters is None:
- additional_filters = {}
- if mixins is None:
- mixins = []
-
- # Start with base mixins
- class_bases = tuple(mixins) + (SearchableFilterMixin, BaseModelFilter,)
-
- # Create the Meta class
- meta_attrs = {
- 'model': model,
- 'exclude': exclude_fields,
- }
-
- # Create the filter class
- filter_class_attrs = {
- 'Meta': type('Meta', (), meta_attrs),
- 'search_fields': search_fields,
- **additional_filters
- }
-
- # Create and return the new filter class
- return type(
- f'{model.__name__}Filter',
- class_bases,
- filter_class_attrs
- )
-
-# Example usage:
-"""
-# Create a filter for any model with location and rating capabilities:
-ParkFilter = create_model_filter(
- model=Park,
- search_fields=['name', 'description'],
- mixins=[LocationFilterMixin, RatingFilterMixin, DateRangeFilterMixin],
- additional_filters={
- 'min_rides': django_filters.NumberFilter(field_name='ride_count', lookup_expr='gte'),
- 'min_coasters': django_filters.NumberFilter(field_name='coaster_count', lookup_expr='gte')
- }
-)
-
-# The filter can then be used in views:
-class ParkListView(FilterView):
- model = Park
- filterset_class = ParkFilter
-"""
\ No newline at end of file
diff --git a/search/forms.py b/search/forms.py
deleted file mode 100644
index 46a85ff7..00000000
--- a/search/forms.py
+++ /dev/null
@@ -1,20 +0,0 @@
-from django import forms
-from autocomplete import AutocompleteWidget
-
-from rides.models import Ride
-from search.mixins import RideAutocomplete
-
-
-class RideSearchForm(forms.Form):
- """Form for searching rides with autocomplete."""
- ride = forms.ModelChoiceField(
- queryset=Ride.objects.all(),
- required=False,
- widget=AutocompleteWidget(
- ac_class=RideAutocomplete,
- attrs={
- 'class': 'w-full border-gray-300 rounded-lg form-input dark:border-gray-600 dark:bg-gray-700 dark:text-white',
- 'placeholder': 'Search rides...'
- }
- )
- )
\ No newline at end of file
diff --git a/search/migrations/__init__.py b/search/migrations/__init__.py
deleted file mode 100644
index e69de29b..00000000
diff --git a/search/mixins.py b/search/mixins.py
deleted file mode 100644
index 9baec6f5..00000000
--- a/search/mixins.py
+++ /dev/null
@@ -1,121 +0,0 @@
-from typing import Any, Dict, Optional, Type
-from django.db.models import QuerySet
-from django.views.generic.list import ListView
-from django_filters import FilterSet
-from .filters import create_model_filter, LocationFilterMixin, RatingFilterMixin, DateRangeFilterMixin
-
-import autocomplete
-from rides.models import Ride
-
-class FilterableViewMixin:
- """
- Mixin to add filtering capabilities to any ListView
- """
- filter_class: Optional[Type[FilterSet]] = None
- search_fields: list[str] = None
- exclude_fields: list[str] = None
- additional_filters: Dict[str, Any] = None
- filter_mixins: list[Type] = None
- template_name_suffix = '_list'
-
- def get_filter_class(self) -> Type[FilterSet]:
- """
- Get or create the filter class for the view
- """
- if self.filter_class is not None:
- return self.filter_class
-
- if not self.model:
- raise ValueError("Model must be defined to use FilterableViewMixin")
-
- return create_model_filter(
- model=self.model,
- search_fields=self.search_fields,
- exclude_fields=self.exclude_fields,
- additional_filters=self.additional_filters,
- mixins=self.filter_mixins or []
- )
-
- def get_filter_mixins(self) -> list:
- """
- Get the filter mixins to use. Override to customize.
- """
- return [LocationFilterMixin, RatingFilterMixin, DateRangeFilterMixin]
-
- def get_queryset(self) -> QuerySet:
- """
- Apply filters to the queryset
- """
- queryset = super().get_queryset()
- self.filterset = self.get_filter_class()(self.request.GET, queryset=queryset)
- return self.filterset.qs
-
- def get_context_data(self, **kwargs) -> Dict[str, Any]:
- """
- Add filter-related context
- """
- context = super().get_context_data(**kwargs)
- context['filter'] = self.filterset
- context['applied_filters'] = bool(self.request.GET)
- return context
-
-class HTMXFilterableMixin(FilterableViewMixin):
- """
- Extension of FilterableViewMixin that adds HTMX support
- """
- def get_template_names(self) -> list[str]:
- """
- Return different templates based on HTMX request
- """
- if self.request.htmx:
- # If it's an HTMX request, return just the results partial
- return [f"search/partials/{self.model._meta.model_name}_results.html"]
- return super().get_template_names()
-
-# Example Usage:
-"""
-class ParkListView(HTMXFilterableMixin, ListView):
- model = Park
- template_name = 'parks/park_list.html'
- search_fields = ['name', 'description']
- additional_filters = {
- 'min_rides': django_filters.NumberFilter(field_name='ride_count', lookup_expr='gte')
- }
-
-# Or with a custom filter class:
-class RideListView(HTMXFilterableMixin, ListView):
- model = Ride
- filter_class = CustomRideFilter
- template_name = 'rides/ride_list.html'
-"""
-
-
-@autocomplete.register
-class RideAutocomplete(autocomplete.ModelAutocomplete):
- """Autocomplete for searching rides.
-
- Features:
- - Name-based search with partial matching
- - Includes park name in results for context
- - Prefetches related park data for performance
- - Formats results as "Ride Name - Park Name"
- - Limited to 10 results for performance
- """
- model = Ride
- search_attrs = ['name'] # We'll match on ride names
- max_results = 10 # Limit to 10 for performance
-
- def get_search_results(self, search, context):
- """Return search results with related park data."""
- return (Ride.objects
- .filter(name__icontains=search)
- .select_related('park')
- .order_by('name')[:self.max_results])
-
- def format_result(self, ride):
- """Format each ride result with park name for context."""
- return {
- 'key': str(ride.pk),
- 'label': ride.name,
- 'extra': f"at {ride.park.name}"
- }
\ No newline at end of file
diff --git a/search/models.py b/search/models.py
deleted file mode 100644
index 71a83623..00000000
--- a/search/models.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.db import models
-
-# Create your models here.
diff --git a/search/templatetags/filter_utils.py b/search/templatetags/filter_utils.py
deleted file mode 100644
index bd7305e8..00000000
--- a/search/templatetags/filter_utils.py
+++ /dev/null
@@ -1,112 +0,0 @@
-from django import template
-from django.forms import Form
-from django.db.models import Model
-from django.utils.text import camel_case_to_spaces
-from typing import Dict, List, Any
-
-register = template.Library()
-
-@register.filter
-def model_name(model: Model) -> str:
- """
- Get a human-readable name for a model
- """
- if hasattr(model, '_meta'):
- return model._meta.verbose_name
- return camel_case_to_spaces(model.__class__.__name__)
-
-@register.filter
-def model_name_plural(model: Model) -> str:
- """
- Get a human-readable plural name for a model
- """
- if hasattr(model, '_meta'):
- return model._meta.verbose_name_plural
- return f"{camel_case_to_spaces(model.__class__.__name__)}s"
-
-@register.filter
-def groupby_filters(form: Form) -> List[Dict[str, Any]]:
- """
- Group form fields into logical sections for the filter form.
- Groups are determined by field name prefixes or types.
- """
- groups = []
-
- # Define groups and their patterns with specific ordering
- group_patterns = {
- 'Quick Search': lambda f: f.name in ['search', 'q'],
- 'Park Details': lambda f: f.name in ['status', 'has_owner', 'owner'],
- 'Attractions': lambda f: any(x in f.name for x in ['rides', 'coasters']),
- 'Park Size': lambda f: 'size' in f.name,
- 'Location': lambda f: f.name.startswith('location') or 'address' in f.name,
- 'Ratings': lambda f: 'rating' in f.name,
- 'Opening Info': lambda f: 'opening' in f.name or 'date' in f.name,
- }
-
- # Initialize group containers with ordering preserved
- grouped_fields: Dict[str, List] = {name: [] for name in group_patterns.keys()}
- ungrouped = []
-
- # Sort fields into groups
- for field in form:
- grouped = False
- for group_name, matcher in group_patterns.items():
- if matcher(field):
- grouped_fields[group_name].append(field)
- grouped = True
- break
- if not grouped:
- ungrouped.append(field)
-
- # Build final groups list, maintaining order and only including non-empty groups
- for name, fields in grouped_fields.items():
- if fields:
- groups.append({
- 'name': name,
- 'fields': fields
- })
-
- # Add ungrouped fields at the end if any exist
- if ungrouped:
- groups.append({
- 'name': 'Other Filters',
- 'fields': ungrouped
- })
-
- return groups
-
-@register.filter
-def get_field_type(field: Any) -> str:
- """
- Get a normalized field type name for styling purposes
- """
- return field.field.__class__.__name__.lower().replace('field', '')
-
-@register.filter
-def add_field_classes(field: Any) -> Any:
- """
- Add appropriate Tailwind classes based on field type
- """
- base_classes = "transition duration-150 ease-in-out "
-
- classes = {
- 'default': base_classes + 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50',
- 'checkbox': base_classes + 'h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500',
- 'radio': base_classes + 'h-4 w-4 border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500',
- 'select': base_classes + 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50',
- 'multiselect': base_classes + 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50',
- 'range': base_classes + 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50',
- 'dateinput': base_classes + 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50',
- }
-
- field_type = get_field_type(field)
- css_class = classes.get(field_type, classes['default'])
-
- current_attrs = field.field.widget.attrs
- current_attrs['class'] = css_class
-
- # Add specific attributes for certain field types
- if field_type == 'dateinput':
- current_attrs['type'] = 'date'
-
- return field.as_widget(attrs=current_attrs)
\ No newline at end of file
diff --git a/search/tests.py b/search/tests.py
deleted file mode 100644
index 7ce503c2..00000000
--- a/search/tests.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.test import TestCase
-
-# Create your tests here.
diff --git a/search/tests/__init__.py b/search/tests/__init__.py
deleted file mode 100644
index 3d88efb8..00000000
--- a/search/tests/__init__.py
+++ /dev/null
@@ -1,2 +0,0 @@
-# Search App Test Package
-# This file makes the search tests directory a Python package for proper module discovery
\ No newline at end of file
diff --git a/search/tests/test_ride_autocomplete.py b/search/tests/test_ride_autocomplete.py
deleted file mode 100644
index 8edbdf58..00000000
--- a/search/tests/test_ride_autocomplete.py
+++ /dev/null
@@ -1,140 +0,0 @@
-from django.test import TestCase, RequestFactory, override_settings
-from django.contrib.auth import get_user_model
-from django.contrib.auth.models import AnonymousUser
-from django.core.exceptions import PermissionDenied
-
-from search.mixins import RideAutocomplete
-from rides.models import Ride
-from parks.models import Park
-from operators.models import Operator
-
-User = get_user_model()
-
-
-class RideAutocompleteTest(TestCase):
- """Test cases for RideAutocomplete functionality."""
-
- def setUp(self):
- """Set up test data."""
- self.factory = RequestFactory()
- self.user = User.objects.create_user(
- username='testuser',
- password='testpass123'
- )
-
- # Create test operator and park
- self.operator = Operator.objects.create(
- name='Test Operator'
- )
- self.park = Park.objects.create(
- name='Test Park',
- operator=self.operator,
- status='OPERATING'
- )
-
- # Create test rides
- self.ride1 = Ride.objects.create(
- name='Thunder Mountain',
- park=self.park,
- category='RC',
- status='OPERATING'
- )
- self.ride2 = Ride.objects.create(
- name='Space Mountain',
- park=self.park,
- category='RC',
- status='OPERATING'
- )
- self.ride3 = Ride.objects.create(
- name='Pirates Adventure',
- park=self.park,
- category='DR',
- status='OPERATING'
- )
-
- @override_settings(AUTOCOMPLETE_BLOCK_UNAUTHENTICATED=True)
- def test_autocomplete_requires_authentication(self):
- """Test that autocomplete requires authentication."""
- request = self.factory.get('/search/rides/autocomplete/?q=mountain')
- request.user = AnonymousUser()
-
- autocomplete = RideAutocomplete()
-
- with self.assertRaises(PermissionDenied):
- autocomplete.auth_check(request)
-
- def test_autocomplete_allows_authenticated_users(self):
- """Test that autocomplete allows authenticated users."""
- request = self.factory.get('/search/rides/autocomplete/?q=mountain')
- request.user = self.user
-
- autocomplete = RideAutocomplete()
-
- # Should not raise an exception
- autocomplete.auth_check(request)
-
- def test_search_results_filtering(self):
- """Test that search results are properly filtered."""
- autocomplete = RideAutocomplete()
-
- # Search for "mountain" should return both mountain rides
- results = autocomplete.get_search_results('mountain', {})
- self.assertEqual(results.count(), 2)
-
- # Search for "space" should return only Space Mountain
- results = autocomplete.get_search_results('space', {})
- self.assertEqual(results.count(), 1)
- self.assertEqual(results.first().name, 'Space Mountain')
-
- # Search for "pirates" should return Pirates Adventure
- results = autocomplete.get_search_results('pirates', {})
- self.assertEqual(results.count(), 1)
- self.assertEqual(results.first().name, 'Pirates Adventure')
-
- def test_search_results_include_park_data(self):
- """Test that search results include related park data."""
- autocomplete = RideAutocomplete()
- results = autocomplete.get_search_results('mountain', {})
-
- # Verify park data is accessible (select_related working)
- for ride in results:
- self.assertEqual(ride.park.name, 'Test Park')
-
- def test_search_results_limited_to_ten(self):
- """Test that search results are limited to 10 items."""
- # Create 15 rides with similar names
- for i in range(15):
- Ride.objects.create(
- name=f'Test Coaster {i}',
- park=self.park,
- category='RC',
- status='OPERATING'
- )
-
- autocomplete = RideAutocomplete()
- results = autocomplete.get_search_results('test', {})
-
- # Should be limited to 10 results
- self.assertEqual(results.count(), 10)
-
- def test_format_result(self):
- """Test that results are properly formatted."""
- autocomplete = RideAutocomplete()
- formatted = autocomplete.format_result(self.ride1)
-
- self.assertEqual(formatted['key'], str(self.ride1.pk))
- self.assertEqual(formatted['label'], 'Thunder Mountain')
- self.assertEqual(formatted['extra'], 'at Test Park')
-
- def test_case_insensitive_search(self):
- """Test that search is case insensitive."""
- autocomplete = RideAutocomplete()
-
- # Test different cases
- results_lower = autocomplete.get_search_results('thunder', {})
- results_upper = autocomplete.get_search_results('THUNDER', {})
- results_mixed = autocomplete.get_search_results('Thunder', {})
-
- self.assertEqual(results_lower.count(), 1)
- self.assertEqual(results_upper.count(), 1)
- self.assertEqual(results_mixed.count(), 1)
\ No newline at end of file
diff --git a/search/urls.py b/search/urls.py
deleted file mode 100644
index 367a208c..00000000
--- a/search/urls.py
+++ /dev/null
@@ -1,19 +0,0 @@
-from django.urls import path
-from . import views
-from rides.views import RideSearchView
-
-app_name = 'search'
-
-urlpatterns = [
- # Park-specific advanced search
- path('parks/', views.AdaptiveSearchView.as_view(), name='search'),
- path('parks/filters/', views.FilterFormView.as_view(), name='filter_form'),
-
- # Ride search endpoints
- path('rides/', RideSearchView.as_view(), name='ride_search'),
- path(
- 'rides/results/',
- RideSearchView.as_view(),
- name='ride_search_results'
- ),
-]
\ No newline at end of file
diff --git a/static/css/src/input.css b/static/css/src/input.css
index cb1b20a4..6ce1b596 100644
--- a/static/css/src/input.css
+++ b/static/css/src/input.css
@@ -1,15 +1,20 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+ --color-primary: #4f46e5;
+ --color-secondary: #e11d48;
+ --color-accent: #8b5cf6;
+ --font-family-sans: Poppins, sans-serif;
+}
@layer components {
/* Button Styles */
.btn-primary {
- @apply inline-flex items-center px-6 py-2.5 border border-transparent rounded-full shadow-md text-sm font-medium text-white bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
+ @apply inline-flex items-center px-6 py-2.5 border border-transparent rounded-full shadow-md text-sm font-medium text-white bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 focus:outline-hidden focus:ring-3 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
}
.btn-secondary {
- @apply inline-flex items-center px-6 py-2.5 border border-gray-200 dark:border-gray-700 rounded-full shadow-md text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
+ @apply inline-flex items-center px-6 py-2.5 border border-gray-200 dark:border-gray-700 rounded-full shadow-md text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-3 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
}
/* [Previous styles remain unchanged until mobile menu section...] */
@@ -65,7 +70,7 @@
#theme-toggle:checked+.theme-toggle-btn i::before {
content: "\f185";
- color: theme('colors.yellow.400');
+ @apply text-yellow-400;
}
/* Navigation Components */
@@ -138,7 +143,7 @@
@media (min-width: 1024px) {
#mobileMenu {
- @apply hidden !important;
+ @apply !hidden;
}
}
@@ -153,7 +158,7 @@
/* Form Components */
.form-input {
- @apply w-full px-4 py-3 text-gray-900 transition-all border border-gray-200 rounded-lg shadow-sm dark:border-gray-700 bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm dark:text-white focus:ring-2 focus:ring-primary/50 focus:border-primary;
+ @apply w-full px-4 py-3 text-gray-900 transition-all border border-gray-200 rounded-lg shadow-xs dark:border-gray-700 bg-white/70 dark:bg-gray-800/70 backdrop-blur-xs dark:text-white focus:ring-3 focus:ring-primary/50 focus:border-primary;
}
.form-label {
@@ -187,7 +192,7 @@
/* Auth Components */
.auth-card {
- @apply w-full max-w-md p-8 mx-auto border shadow-xl bg-white/90 dark:bg-gray-800/90 rounded-2xl backdrop-blur-sm border-gray-200/50 dark:border-gray-700/50;
+ @apply w-full max-w-md p-8 mx-auto border shadow-xl bg-white/90 dark:bg-gray-800/90 rounded-2xl backdrop-blur-xs border-gray-200/50 dark:border-gray-700/50;
}
.auth-title {
@@ -217,7 +222,7 @@
/* Social Login Buttons */
.btn-social {
- @apply w-full flex items-center justify-center px-6 py-3 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-[1.02] transition-all mb-3;
+ @apply w-full flex items-center justify-center px-6 py-3 border border-gray-200 dark:border-gray-700 rounded-lg shadow-xs text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-3 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-[1.02] transition-all mb-3;
}
.btn-discord {
@@ -230,7 +235,7 @@
/* Alert Components */
.alert {
- @apply p-4 mb-4 shadow-lg rounded-xl backdrop-blur-sm;
+ @apply p-4 mb-4 shadow-lg rounded-xl backdrop-blur-xs;
}
.alert-success {
diff --git a/static/css/tailwind.css b/static/css/tailwind.css
index 12356523..d89b53a9 100644
--- a/static/css/tailwind.css
+++ b/static/css/tailwind.css
@@ -1,4516 +1,6869 @@
-*, ::before, ::after {
- --tw-border-spacing-x: 0;
- --tw-border-spacing-y: 0;
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
- --tw-shadow: 0 0 #0000;
- --tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style: ;
-}
-
-::backdrop {
- --tw-border-spacing-x: 0;
- --tw-border-spacing-y: 0;
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
- --tw-shadow: 0 0 #0000;
- --tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style: ;
-}
-
-/*
-! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
-*/
-
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
- box-sizing: border-box;
- /* 1 */
- border-width: 0;
- /* 2 */
- border-style: solid;
- /* 2 */
- border-color: #e5e7eb;
- /* 2 */
-}
-
-::before,
-::after {
- --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
- line-height: 1.5;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -moz-tab-size: 4;
- /* 3 */
- -o-tab-size: 4;
- tab-size: 4;
- /* 3 */
- font-family: Poppins, sans-serif;
- /* 4 */
- font-feature-settings: normal;
- /* 5 */
- font-variation-settings: normal;
- /* 6 */
- -webkit-tap-highlight-color: transparent;
- /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
- margin: 0;
- /* 1 */
- line-height: inherit;
- /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
- height: 0;
- /* 1 */
- color: inherit;
- /* 2 */
- border-top-width: 1px;
- /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-size: inherit;
- font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
- color: inherit;
- text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
- font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- /* 1 */
- font-feature-settings: normal;
- /* 2 */
- font-variation-settings: normal;
- /* 3 */
- font-size: 1em;
- /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
- font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
- text-indent: 0;
- /* 1 */
- border-color: inherit;
- /* 2 */
- border-collapse: collapse;
- /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-feature-settings: inherit;
- /* 1 */
- font-variation-settings: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- font-weight: inherit;
- /* 1 */
- line-height: inherit;
- /* 1 */
- letter-spacing: inherit;
- /* 1 */
- color: inherit;
- /* 1 */
- margin: 0;
- /* 2 */
- padding: 0;
- /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
- text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
- -webkit-appearance: button;
- /* 1 */
- background-color: transparent;
- /* 2 */
- background-image: none;
- /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
- outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-[AWS-SECRET-REMOVED]d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
- box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
- vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
- height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
- display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
- margin: 0;
-}
-
-fieldset {
- margin: 0;
- padding: 0;
-}
-
-legend {
- padding: 0;
-}
-
-ol,
-ul,
-menu {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-
-dialog {
- padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
- resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.[AWS-SECRET-REMOVED])
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder, textarea::-moz-placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
- cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
- cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
- This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
- display: block;
- /* 1 */
- vertical-align: middle;
- /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
- max-width: 100%;
- height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
-[hidden] {
- display: none;
-}
-
-[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: #fff;
- border-color: #6b7280;
- border-width: 1px;
- border-radius: 0px;
- padding-top: 0.5rem;
- padding-right: 0.75rem;
- padding-bottom: 0.5rem;
- padding-left: 0.75rem;
- font-size: 1rem;
- line-height: 1.5rem;
- --tw-shadow: 0 0 #0000;
-}
-
-[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: #2563eb;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- border-color: #2563eb;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
- color: #6b7280;
- opacity: 1;
-}
-
-input::placeholder,textarea::placeholder {
- color: #6b7280;
- opacity: 1;
-}
-
-::-webkit-datetime-edit-fields-wrapper {
- padding: 0;
-}
-
-::-webkit-date-and-time-value {
- min-height: 1.5em;
- text-align: inherit;
-}
-
-::-webkit-datetime-edit {
- display: inline-flex;
-}
-
-::-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-top: 0;
- padding-bottom: 0;
-}
-
-select {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
- background-position: right 0.5rem center;
- background-repeat: no-repeat;
- background-size: 1.5em 1.5em;
- padding-right: 2.5rem;
- -webkit-print-color-adjust: exact;
- print-color-adjust: exact;
-}
-
-[multiple],[size]:where(select:not([size="1"])) {
- background-image: initial;
- background-position: initial;
- background-repeat: unset;
- background-size: initial;
- padding-right: 0.75rem;
- -webkit-print-color-adjust: unset;
- print-color-adjust: unset;
-}
-
-[type='checkbox'],[type='radio'] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding: 0;
- -webkit-print-color-adjust: exact;
- print-color-adjust: exact;
- display: inline-block;
- vertical-align: middle;
- background-origin: border-box;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- flex-shrink: 0;
- height: 1rem;
- width: 1rem;
- color: #2563eb;
- background-color: #fff;
- border-color: #6b7280;
- border-width: 1px;
- --tw-shadow: 0 0 #0000;
-}
-
-[type='checkbox'] {
- border-radius: 0px;
-}
-
-[type='radio'] {
- border-radius: 100%;
-}
-
-[type='checkbox']:focus,[type='radio']:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: #2563eb;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-[type='checkbox']:checked,[type='radio']:checked {
- border-color: transparent;
- background-color: currentColor;
- background-size: 100% 100%;
- background-position: center;
- background-repeat: no-repeat;
-}
-
-[type='checkbox']:checked {
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
-}
-
-@media (forced-colors: active) {
- [type='checkbox']:checked {
- -webkit-appearance: auto;
- -moz-appearance: auto;
- appearance: auto;
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+ :root, :host {
+ --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+ 'Noto Color Emoji';
+ --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+ monospace;
+ --color-red-50: oklch(97.1% 0.013 17.38);
+ --color-red-100: oklch(93.6% 0.032 17.717);
+ --color-red-200: oklch(88.5% 0.062 18.334);
+ --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-100: oklch(96.2% 0.059 95.617);
+ --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: oklch(97.3% 0.071 103.193);
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
+ --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-yellow-950: oklch(28.6% 0.066 53.813);
+ --color-lime-50: oklch(98.6% 0.031 120.757);
+ --color-lime-100: oklch(96.7% 0.067 122.328);
+ --color-lime-200: oklch(93.8% 0.127 124.321);
+ --color-lime-300: oklch(89.7% 0.196 126.665);
+ --color-lime-400: oklch(84.1% 0.238 128.85);
+ --color-lime-500: oklch(76.8% 0.233 130.85);
+ --color-lime-600: oklch(64.8% 0.2 131.684);
+ --color-lime-700: oklch(53.2% 0.157 131.589);
+ --color-lime-800: oklch(45.3% 0.124 130.933);
+ --color-lime-900: oklch(40.5% 0.101 131.063);
+ --color-lime-950: oklch(27.4% 0.072 132.109);
+ --color-green-50: oklch(98.2% 0.018 155.826);
+ --color-green-100: oklch(96.2% 0.044 156.743);
+ --color-green-200: oklch(92.5% 0.084 155.995);
+ --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-emerald-50: oklch(97.9% 0.021 166.113);
+ --color-emerald-100: oklch(95% 0.052 163.051);
+ --color-emerald-200: oklch(90.5% 0.093 164.15);
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
+ --color-emerald-800: oklch(43.2% 0.095 166.913);
+ --color-emerald-900: oklch(37.8% 0.077 168.94);
+ --color-emerald-950: oklch(26.2% 0.051 172.552);
+ --color-teal-50: oklch(98.4% 0.014 180.72);
+ --color-teal-100: oklch(95.3% 0.051 180.801);
+ --color-teal-200: oklch(91% 0.096 180.426);
+ --color-teal-300: oklch(85.5% 0.138 181.071);
+ --color-teal-400: oklch(77.7% 0.152 181.912);
+ --color-teal-500: oklch(70.4% 0.14 182.503);
+ --color-teal-600: oklch(60% 0.118 184.704);
+ --color-teal-700: oklch(51.1% 0.096 186.391);
+ --color-teal-800: oklch(43.7% 0.078 188.216);
+ --color-teal-900: oklch(38.6% 0.063 188.416);
+ --color-teal-950: oklch(27.7% 0.046 192.524);
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
+ --color-cyan-100: oklch(95.6% 0.045 203.388);
+ --color-cyan-200: oklch(91.7% 0.08 205.041);
+ --color-cyan-300: oklch(86.5% 0.127 207.078);
+ --color-cyan-400: oklch(78.9% 0.154 211.53);
+ --color-cyan-500: oklch(71.5% 0.143 215.221);
+ --color-cyan-600: oklch(60.9% 0.126 221.723);
+ --color-cyan-700: oklch(52% 0.105 223.128);
+ --color-cyan-800: oklch(45% 0.085 224.283);
+ --color-cyan-900: oklch(39.8% 0.07 227.392);
+ --color-cyan-950: oklch(30.2% 0.056 229.695);
+ --color-sky-50: oklch(97.7% 0.013 236.62);
+ --color-sky-100: oklch(95.1% 0.026 236.824);
+ --color-sky-200: oklch(90.1% 0.058 230.902);
+ --color-sky-300: oklch(82.8% 0.111 230.318);
+ --color-sky-400: oklch(74.6% 0.16 232.661);
+ --color-sky-500: oklch(68.5% 0.169 237.323);
+ --color-sky-600: oklch(58.8% 0.158 241.966);
+ --color-sky-700: oklch(50% 0.134 242.749);
+ --color-sky-800: oklch(44.3% 0.11 240.79);
+ --color-sky-900: oklch(39.1% 0.09 240.876);
+ --color-sky-950: oklch(29.3% 0.066 243.157);
+ --color-blue-50: oklch(97% 0.014 254.604);
+ --color-blue-100: oklch(93.2% 0.032 255.585);
+ --color-blue-200: oklch(88.2% 0.059 254.128);
+ --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-indigo-50: oklch(96.2% 0.018 272.314);
+ --color-indigo-100: oklch(93% 0.034 272.788);
+ --color-indigo-200: oklch(87% 0.065 274.039);
+ --color-indigo-300: oklch(78.5% 0.115 274.713);
+ --color-indigo-400: oklch(67.3% 0.182 276.935);
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
+ --color-indigo-800: oklch(39.8% 0.195 277.366);
+ --color-indigo-900: oklch(35.9% 0.144 278.697);
+ --color-indigo-950: oklch(25.7% 0.09 281.288);
+ --color-violet-50: oklch(96.9% 0.016 293.756);
+ --color-violet-100: oklch(94.3% 0.029 294.588);
+ --color-violet-200: oklch(89.4% 0.057 293.283);
+ --color-violet-300: oklch(81.1% 0.111 293.571);
+ --color-violet-400: oklch(70.2% 0.183 293.541);
+ --color-violet-500: oklch(60.6% 0.25 292.717);
+ --color-violet-600: oklch(54.1% 0.281 293.009);
+ --color-violet-700: oklch(49.1% 0.27 292.581);
+ --color-violet-800: oklch(43.2% 0.232 292.759);
+ --color-violet-900: oklch(38% 0.189 293.745);
+ --color-violet-950: oklch(28.3% 0.141 291.089);
+ --color-purple-50: oklch(97.7% 0.014 308.299);
+ --color-purple-100: oklch(94.6% 0.033 307.174);
+ --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-purple-900: oklch(38.1% 0.176 304.987);
+ --color-purple-950: oklch(29.1% 0.149 302.717);
+ --color-fuchsia-50: oklch(97.7% 0.017 320.058);
+ --color-fuchsia-100: oklch(95.2% 0.037 318.852);
+ --color-fuchsia-200: oklch(90.3% 0.076 319.62);
+ --color-fuchsia-300: oklch(83.3% 0.145 321.434);
+ --color-fuchsia-400: oklch(74% 0.238 322.16);
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+ --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+ --color-fuchsia-700: oklch(51.8% 0.253 323.949);
+ --color-fuchsia-800: oklch(45.2% 0.211 324.591);
+ --color-fuchsia-900: oklch(40.1% 0.17 325.612);
+ --color-fuchsia-950: oklch(29.3% 0.136 325.661);
+ --color-pink-50: oklch(97.1% 0.014 343.198);
+ --color-pink-100: oklch(94.8% 0.028 342.258);
+ --color-pink-200: oklch(89.9% 0.061 343.231);
+ --color-pink-300: oklch(82.3% 0.12 346.018);
+ --color-pink-400: oklch(71.8% 0.202 349.761);
+ --color-pink-500: oklch(65.6% 0.241 354.308);
+ --color-pink-600: oklch(59.2% 0.249 0.584);
+ --color-pink-700: oklch(52.5% 0.223 3.958);
+ --color-pink-800: oklch(45.9% 0.187 3.815);
+ --color-pink-900: oklch(40.8% 0.153 2.432);
+ --color-pink-950: oklch(28.4% 0.109 3.907);
+ --color-rose-50: oklch(96.9% 0.015 12.422);
+ --color-rose-100: oklch(94.1% 0.03 12.58);
+ --color-rose-200: oklch(89.2% 0.058 10.001);
+ --color-rose-300: oklch(81% 0.117 11.638);
+ --color-rose-400: oklch(71.2% 0.194 13.428);
+ --color-rose-500: oklch(64.5% 0.246 16.439);
+ --color-rose-600: oklch(58.6% 0.253 17.585);
+ --color-rose-700: oklch(51.4% 0.222 16.935);
+ --color-rose-800: oklch(45.5% 0.188 13.697);
+ --color-rose-900: oklch(41% 0.159 10.272);
+ --color-rose-950: oklch(27.1% 0.105 12.094);
+ --color-slate-50: oklch(98.4% 0.003 247.858);
+ --color-slate-100: oklch(96.8% 0.007 247.896);
+ --color-slate-200: oklch(92.9% 0.013 255.508);
+ --color-slate-300: oklch(86.9% 0.022 252.894);
+ --color-slate-400: oklch(70.4% 0.04 256.788);
+ --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-slate-950: oklch(12.9% 0.042 264.695);
+ --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-gray-950: oklch(13% 0.028 261.692);
+ --color-zinc-50: oklch(98.5% 0 0);
+ --color-zinc-100: oklch(96.7% 0.001 286.375);
+ --color-zinc-200: oklch(92% 0.004 286.32);
+ --color-zinc-300: oklch(87.1% 0.006 286.286);
+ --color-zinc-400: oklch(70.5% 0.015 286.067);
+ --color-zinc-500: oklch(55.2% 0.016 285.938);
+ --color-zinc-600: oklch(44.2% 0.017 285.786);
+ --color-zinc-700: oklch(37% 0.013 285.805);
+ --color-zinc-800: oklch(27.4% 0.006 286.033);
+ --color-zinc-900: oklch(21% 0.006 285.885);
+ --color-zinc-950: oklch(14.1% 0.005 285.823);
+ --color-neutral-50: oklch(98.5% 0 0);
+ --color-neutral-100: oklch(97% 0 0);
+ --color-neutral-200: oklch(92.2% 0 0);
+ --color-neutral-300: oklch(87% 0 0);
+ --color-neutral-400: oklch(70.8% 0 0);
+ --color-neutral-500: oklch(55.6% 0 0);
+ --color-neutral-600: oklch(43.9% 0 0);
+ --color-neutral-700: oklch(37.1% 0 0);
+ --color-neutral-800: oklch(26.9% 0 0);
+ --color-neutral-900: oklch(20.5% 0 0);
+ --color-neutral-950: oklch(14.5% 0 0);
+ --color-stone-50: oklch(98.5% 0.001 106.423);
+ --color-stone-100: oklch(97% 0.001 106.424);
+ --color-stone-200: oklch(92.3% 0.003 48.717);
+ --color-stone-300: oklch(86.9% 0.005 56.366);
+ --color-stone-400: oklch(70.9% 0.01 56.259);
+ --color-stone-500: oklch(55.3% 0.013 58.071);
+ --color-stone-600: oklch(44.4% 0.011 73.639);
+ --color-stone-700: oklch(37.4% 0.01 67.558);
+ --color-stone-800: oklch(26.8% 0.007 34.298);
+ --color-stone-900: oklch(21.6% 0.006 56.043);
+ --color-stone-950: oklch(14.7% 0.004 49.25);
+ --color-black: #000;
+ --color-white: #fff;
+ --spacing: 0.25rem;
+ --breakpoint-sm: 40rem;
+ --breakpoint-md: 48rem;
+ --breakpoint-lg: 64rem;
+ --breakpoint-xl: 80rem;
+ --breakpoint-2xl: 96rem;
+ --container-3xs: 16rem;
+ --container-2xs: 18rem;
+ --container-xs: 20rem;
+ --container-sm: 24rem;
+ --container-md: 28rem;
+ --container-lg: 32rem;
+ --container-xl: 36rem;
+ --container-2xl: 42rem;
+ --container-3xl: 48rem;
+ --container-4xl: 56rem;
+ --container-5xl: 64rem;
+ --container-6xl: 72rem;
+ --container-7xl: 80rem;
+ --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);
+ --text-5xl: 3rem;
+ --text-5xl--line-height: 1;
+ --text-6xl: 3.75rem;
+ --text-6xl--line-height: 1;
+ --text-7xl: 4.5rem;
+ --text-7xl--line-height: 1;
+ --text-8xl: 6rem;
+ --text-8xl--line-height: 1;
+ --text-9xl: 8rem;
+ --text-9xl--line-height: 1;
+ --font-weight-thin: 100;
+ --font-weight-extralight: 200;
+ --font-weight-light: 300;
+ --font-weight-normal: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
+ --font-weight-extrabold: 800;
+ --font-weight-black: 900;
+ --tracking-tighter: -0.05em;
+ --tracking-tight: -0.025em;
+ --tracking-normal: 0em;
+ --tracking-wide: 0.025em;
+ --tracking-wider: 0.05em;
+ --tracking-widest: 0.1em;
+ --leading-tight: 1.25;
+ --leading-snug: 1.375;
+ --leading-normal: 1.5;
+ --leading-relaxed: 1.625;
+ --leading-loose: 2;
+ --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;
+ --radius-4xl: 2rem;
+ --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+ --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+ --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
+ --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
+ --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
+ --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
+ --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
+ --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
+ --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
+ --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
+ --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
+ --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
+ --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
+ --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
+ --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-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ --animate-bounce: bounce 1s infinite;
+ --blur-xs: 4px;
+ --blur-sm: 8px;
+ --blur-md: 12px;
+ --blur-lg: 16px;
+ --blur-xl: 24px;
+ --blur-2xl: 40px;
+ --blur-3xl: 64px;
+ --perspective-dramatic: 100px;
+ --perspective-near: 300px;
+ --perspective-normal: 500px;
+ --perspective-midrange: 800px;
+ --perspective-distant: 1200px;
+ --aspect-video: 16 / 9;
+ --default-transition-duration: 150ms;
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ --default-font-family: var(--font-sans);
+ --default-mono-font-family: var(--font-mono);
+ --color-primary: #4f46e5;
+ --color-secondary: #e11d48;
+ --color-accent: #8b5cf6;
+ --font-family-sans: Poppins, sans-serif;
}
}
-
-[type='radio']:checked {
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-}
-
-@media (forced-colors: active) {
- [type='radio']:checked {
- -webkit-appearance: auto;
- -moz-appearance: auto;
- appearance: auto;
+@layer base {
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ border: 0 solid;
}
-}
-
-[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
- border-color: transparent;
- background-color: currentColor;
-}
-
-[type='checkbox']:indeterminate {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
- border-color: transparent;
- background-color: currentColor;
- background-size: 100% 100%;
- background-position: center;
- background-repeat: no-repeat;
-}
-
-@media (forced-colors: active) {
- [type='checkbox']:indeterminate {
- -webkit-appearance: auto;
- -moz-appearance: auto;
- appearance: auto;
+ 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;
}
-}
-
-[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
- border-color: transparent;
- background-color: currentColor;
-}
-
-[type='file'] {
- background: unset;
- border-color: inherit;
- border-width: 0;
- border-radius: 0;
- padding: 0;
- font-size: unset;
- line-height: inherit;
-}
-
-[type='file']:focus {
- outline: 1px solid ButtonText;
- outline: 1px auto -webkit-focus-ring-color;
-}
-
-.\!container {
- width: 100% !important;
-}
-
-.container {
- width: 100%;
-}
-
-@media (min-width: 640px) {
- .\!container {
- max-width: 640px !important;
+ hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
}
-
- .container {
- max-width: 640px;
+ abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
}
-}
-
-@media (min-width: 768px) {
- .\!container {
- max-width: 768px !important;
+ h1, h2, h3, h4, h5, h6 {
+ font-size: inherit;
+ font-weight: inherit;
}
-
- .container {
- max-width: 768px;
+ a {
+ color: inherit;
+ -webkit-text-decoration: inherit;
+ text-decoration: inherit;
}
-}
-
-@media (min-width: 1024px) {
- .\!container {
- max-width: 1024px !important;
+ b, strong {
+ font-weight: bolder;
}
-
- .container {
- max-width: 1024px;
+ 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;
}
-}
-
-@media (min-width: 1280px) {
- .\!container {
- max-width: 1280px !important;
+ small {
+ font-size: 80%;
}
-
- .container {
- max-width: 1280px;
+ sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
-}
-
-@media (min-width: 1536px) {
- .\!container {
- max-width: 1536px !important;
+ sub {
+ bottom: -0.25em;
}
-
- .container {
- max-width: 1536px;
+ sup {
+ top: -0.5em;
}
-}
-
-.prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
-}
-
-.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
-}
-
-.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-lead);
- font-size: 1.25em;
- line-height: 1.6;
- margin-top: 1.2em;
- margin-bottom: 1.2em;
-}
-
-.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-links);
- text-decoration: underline;
- font-weight: 500;
-}
-
-.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
-}
-
-.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
-}
-
-.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
-}
-
-.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
-}
-
-.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: upper-roman;
-}
-
-.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: lower-roman;
-}
-
-.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: decimal;
-}
-
-.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type: disc;
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- padding-inline-start: 1.625em;
-}
-
-.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
-}
-
-.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- color: var(--tw-prose-bullets);
-}
-
-.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.25em;
-}
-
-.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-color: var(--tw-prose-hr);
- border-top-width: 1px;
- margin-top: 3em;
- margin-bottom: 3em;
-}
-
-.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-style: italic;
- color: var(--tw-prose-quotes);
- border-inline-start-width: 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;
-}
-
-.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: open-quote;
-}
-
-.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: close-quote;
-}
-
-.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 800;
- font-size: 2.25em;
- margin-top: 0;
- margin-bottom: 0.8888889em;
- line-height: 1.1111111;
-}
-
-.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 900;
- color: inherit;
-}
-
-.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 700;
- font-size: 1.5em;
- margin-top: 2em;
- margin-bottom: 1em;
- line-height: 1.3333333;
-}
-
-.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 800;
- color: inherit;
-}
-
-.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- font-size: 1.25em;
- margin-top: 1.6em;
- margin-bottom: 0.6em;
- line-height: 1.6;
-}
-
-.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
-}
-
-.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- margin-top: 1.5em;
- margin-bottom: 0.5em;
- line-height: 1.5;
-}
-
-.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 700;
- color: inherit;
-}
-
-.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- display: block;
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight: 500;
- font-family: inherit;
- color: var(--tw-prose-kbd);
- box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
- font-size: 0.875em;
- border-radius: 0.3125rem;
- padding-top: 0.1875em;
- padding-inline-end: 0.375em;
- padding-bottom: 0.1875em;
- padding-inline-start: 0.375em;
-}
-
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-code);
- font-weight: 600;
- font-size: 0.875em;
-}
-
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: "`";
-}
-
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: "`";
-}
-
-.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.875em;
-}
-
-.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
- font-size: 0.9em;
-}
-
-.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: inherit;
-}
-
-.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-pre-code);
- background-color: var(--tw-prose-pre-bg);
- overflow-x: auto;
- font-weight: 400;
- font-size: 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;
-}
-
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color: transparent;
- border-width: 0;
- border-radius: 0;
- padding: 0;
- font-weight: inherit;
- color: inherit;
- font-size: inherit;
- font-family: inherit;
- line-height: inherit;
-}
-
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content: none;
-}
-
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content: none;
-}
-
-.prose :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;
-}
-
-.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color: var(--tw-prose-headings);
- font-weight: 600;
- vertical-align: bottom;
- padding-inline-end: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-inline-start: 0.5714286em;
-}
-
-.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 1px;
- border-bottom-color: var(--tw-prose-td-borders);
-}
-
-.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width: 0;
-}
-
-.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: baseline;
-}
-
-.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-top-width: 1px;
- border-top-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align: top;
-}
-
-.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-align: start;
-}
-
-.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.prose :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;
-}
-
-.prose {
- --tw-prose-body: #374151;
- --tw-prose-headings: #111827;
- --tw-prose-lead: #4b5563;
- --tw-prose-links: #111827;
- --tw-prose-bold: #111827;
- --tw-prose-counters: #6b7280;
- --tw-prose-bullets: #d1d5db;
- --tw-prose-hr: #e5e7eb;
- --tw-prose-quotes: #111827;
- --tw-prose-quote-borders: #e5e7eb;
- --tw-prose-captions: #6b7280;
- --tw-prose-kbd: #111827;
- --tw-prose-kbd-shadows: 17 24 39;
- --tw-prose-code: #111827;
- --tw-prose-pre-code: #e5e7eb;
- --tw-prose-pre-bg: #1f2937;
- --tw-prose-th-borders: #d1d5db;
- --tw-prose-td-borders: #e5e7eb;
- --tw-prose-invert-body: #d1d5db;
- --tw-prose-invert-headings: #fff;
- --tw-prose-invert-lead: #9ca3af;
- --tw-prose-invert-links: #fff;
- --tw-prose-invert-bold: #fff;
- --tw-prose-invert-counters: #9ca3af;
- --tw-prose-invert-bullets: #4b5563;
- --tw-prose-invert-hr: #374151;
- --tw-prose-invert-quotes: #f3f4f6;
- --tw-prose-invert-quote-borders: #374151;
- --tw-prose-invert-captions: #9ca3af;
- --tw-prose-invert-kbd: #fff;
- --tw-prose-invert-kbd-shadows: 255 255 255;
- --tw-prose-invert-code: #fff;
- --tw-prose-invert-pre-code: #d1d5db;
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
- --tw-prose-invert-th-borders: #4b5563;
- --tw-prose-invert-td-borders: #374151;
- font-size: 1rem;
- line-height: 1.75;
-}
-
-.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- margin-bottom: 0.5em;
-}
-
-.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
-}
-
-.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0.375em;
-}
-
-.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
-}
-
-.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
-}
-
-.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
-}
-
-.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
-}
-
-.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 1.25em;
-}
-
-.prose :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;
-}
-
-.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
-}
-
-.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0.5em;
- padding-inline-start: 1.625em;
-}
-
-.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
-}
-
-.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
-}
-
-.prose :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;
-}
-
-.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start: 0;
-}
-
-.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end: 0;
-}
-
-.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom: 0;
-}
-
-.form-input,.form-textarea,.form-select,.form-multiselect {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: #fff;
- border-color: #6b7280;
- border-width: 1px;
- border-radius: 0px;
- padding-top: 0.5rem;
- padding-right: 0.75rem;
- padding-bottom: 0.5rem;
- padding-left: 0.75rem;
- font-size: 1rem;
- line-height: 1.5rem;
- --tw-shadow: 0 0 #0000;
-}
-
-.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: #2563eb;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- border-color: #2563eb;
-}
-
-.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
- color: #6b7280;
- opacity: 1;
-}
-
-.form-input::placeholder,.form-textarea::placeholder {
- color: #6b7280;
- opacity: 1;
-}
-
-.form-input::-webkit-datetime-edit-fields-wrapper {
- padding: 0;
-}
-
-.form-input::-webkit-date-and-time-value {
- min-height: 1.5em;
- text-align: inherit;
-}
-
-.form-input::-webkit-datetime-edit {
- display: inline-flex;
-}
-
-.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.form-select {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
- background-position: right 0.5rem center;
- background-repeat: no-repeat;
- background-size: 1.5em 1.5em;
- padding-right: 2.5rem;
- -webkit-print-color-adjust: exact;
- print-color-adjust: exact;
-}
-
-.form-select:where([size]:not([size="1"])) {
- background-image: initial;
- background-position: initial;
- background-repeat: unset;
- background-size: initial;
- padding-right: 0.75rem;
- -webkit-print-color-adjust: unset;
- print-color-adjust: unset;
-}
-
-.aspect-h-9 {
- --tw-aspect-h: 9;
-}
-
-.aspect-w-16 {
- position: relative;
- padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
- --tw-aspect-w: 16;
-}
-
-.aspect-w-16 > * {
- position: absolute;
- height: 100%;
- width: 100%;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-/* Button Styles */
-
-.btn-primary {
- display: inline-flex;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- align-items: center;
- border-radius: 9999px;
- border-width: 1px;
- border-color: transparent;
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
- --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
- --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
- --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-top: 0.625rem;
- padding-bottom: 0.625rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- font-weight: 500;
- --tw-text-opacity: 1;
- color: rgb(255 255 255 / var(--tw-text-opacity));
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.btn-primary:hover {
- --tw-scale-x: 1.05;
- --tw-scale-y: 1.05;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- --tw-gradient-from: rgb(79 70 229 / 0.9) var(--tw-gradient-from-position);
- --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
- --tw-gradient-to: rgb(225 29 72 / 0.9) var(--tw-gradient-to-position);
-}
-
-.btn-primary:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
- --tw-ring-color: rgb(79 70 229 / 0.5);
- --tw-ring-offset-width: 2px;
-}
-
-.btn-secondary {
- display: inline-flex;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- align-items: center;
- border-radius: 9999px;
- border-width: 1px;
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-top: 0.625rem;
- padding-bottom: 0.625rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- font-weight: 500;
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.btn-secondary:hover {
- --tw-scale-x: 1.05;
- --tw-scale-y: 1.05;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- --tw-bg-opacity: 1;
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
-
-.btn-secondary:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
- --tw-ring-color: rgb(79 70 229 / 0.5);
- --tw-ring-offset-width: 2px;
-}
-
-.btn-secondary:is(.dark *) {
- --tw-border-opacity: 1;
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
-.btn-secondary:hover:is(.dark *) {
- --tw-bg-opacity: 1;
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-}
-
-/* [Previous styles remain unchanged until mobile menu section...] */
-
-/* Mobile Menu */
-
-#mobileMenu {
- max-height: 0px;
- overflow: hidden;
- opacity: 0;
- transition-property: all;
- transition-duration: 300ms;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-#mobileMenu.show {
- max-height: 300px;
- opacity: 1;
-}
-
-#mobileMenu .space-y-4 {
- padding-bottom: 1.5rem;
-}
-
-.mobile-nav-link.primary {
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
- --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
- --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
- --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
- --tw-text-opacity: 1;
- color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.mobile-nav-link.primary:hover {
- --tw-gradient-from: rgb(79 70 229 / 0.9) var(--tw-gradient-from-position);
- --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
- --tw-gradient-to: rgb(225 29 72 / 0.9) var(--tw-gradient-to-position);
-}
-
-.mobile-nav-link.primary i {
- margin-right: 0.75rem;
- --tw-text-opacity: 1;
- color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-/* Theme Toggle */
-
-#theme-toggle+.theme-toggle-btn i::before {
- content: "\f186";
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
-}
-
-#theme-toggle:checked+.theme-toggle-btn i::before {
- content: "\f185";
- color: #facc15;
-}
-
-/* Navigation Components */
-
-.nav-link {
- display: flex;
- align-items: center;
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.nav-link:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
-/* Extra small screens (540px and below) */
-
-@media (max-width: 540px) {
- .nav-link {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
+ table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
}
-
- .nav-link i {
- margin-right: 0.25rem;
- font-size: 1rem;
- line-height: 1.5rem;
+ :-moz-focusring {
+ outline: auto;
}
-
- .nav-link span {
- font-size: 0.875rem;
- line-height: 1.25rem;
+ progress {
+ vertical-align: baseline;
}
-
- .site-logo {
- padding-left: 0.25rem;
- padding-right: 0.25rem;
- font-size: 1.125rem;
- line-height: 1.75rem;
+ summary {
+ display: list-item;
}
-
- .nav-container {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
+ ol, ul, menu {
+ list-style: none;
}
-}
-
-/* Small screens (541px to 767px) */
-
-@media (min-width: 541px) and (max-width: 767px) {
- .nav-link {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
+ img, svg, video, canvas, audio, iframe, embed, object {
+ display: block;
+ vertical-align: middle;
}
-
- .nav-link i {
- margin-right: 0.5rem;
+ img, video {
+ max-width: 100%;
+ height: auto;
}
-
- .site-logo {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- font-size: 1.25rem;
- line-height: 1.75rem;
+ 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;
}
-
- .nav-container {
- padding-left: 1rem;
- padding-right: 1rem;
+ :where(select:is([multiple], [size])) optgroup {
+ font-weight: bolder;
}
-}
-
-/* Medium screens and up */
-
-@media (min-width: 768px) {
- .nav-link {
- border-radius: 0.5rem;
- border-width: 1px;
- border-color: transparent;
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-top: 0.625rem;
- padding-bottom: 0.625rem;
- font-weight: 500;
+ :where(select:is([multiple], [size])) optgroup option {
+ padding-inline-start: 20px;
}
-
- .nav-link:hover {
- border-color: rgb(79 70 229 / 0.2);
+ ::file-selector-button {
+ margin-inline-end: 4px;
}
-
- .nav-link:hover:is(.dark *) {
- border-color: rgb(79 70 229 / 0.3);
+ ::placeholder {
+ opacity: 1;
}
-
- .nav-link i {
- margin-right: 0.75rem;
- font-size: 1.125rem;
- line-height: 1.75rem;
+ @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);
+ }
+ }
}
-
- .site-logo {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- font-size: 1.5rem;
- line-height: 2rem;
+ textarea {
+ resize: vertical;
}
-
- .nav-container {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
}
-}
-
-.nav-link:hover {
- background-color: rgb(79 70 229 / 0.1);
- --tw-text-opacity: 1;
- color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-.nav-link:hover:is(.dark *) {
- background-color: rgb(79 70 229 / 0.2);
- --tw-text-opacity: 1;
- color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-.nav-link i {
- --tw-text-opacity: 1;
- color: rgb(107 114 128 / var(--tw-text-opacity));
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.nav-link i:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
-.nav-link:hover i {
- --tw-text-opacity: 1;
- color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-@media (min-width: 1024px) {
- #mobileMenu {
+ ::-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;
}
}
-
-/* Menu Items */
-
-.menu-item {
- display: flex;
- width: 100%;
- align-items: center;
- padding-left: 1rem;
- padding-right: 1rem;
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
+@layer utilities {
+ .\@container {
+ container-type: inline-size;
+ }
+ .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: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+ }
+ .not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+ .absolute {
+ position: absolute;
+ }
+ .fixed {
+ position: fixed;
+ }
+ .relative {
+ position: relative;
+ }
+ .static {
+ position: static;
+ }
+ .sticky {
+ position: sticky;
+ }
+ .inset-0 {
+ inset: calc(var(--spacing) * 0);
+ }
+ .top-0 {
+ top: calc(var(--spacing) * 0);
+ }
+ .top-1\/2 {
+ top: calc(1/2 * 100%);
+ }
+ .top-4 {
+ top: calc(var(--spacing) * 4);
+ }
+ .right-0 {
+ right: calc(var(--spacing) * 0);
+ }
+ .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-4 {
+ bottom: calc(var(--spacing) * 4);
+ }
+ .left-0 {
+ left: calc(var(--spacing) * 0);
+ }
+ .isolate {
+ isolation: isolate;
+ }
+ .isolation-auto {
+ isolation: auto;
+ }
+ .z-0 {
+ z-index: 0;
+ }
+ .z-10 {
+ z-index: 10;
+ }
+ .z-20 {
+ z-index: 20;
+ }
+ .z-40 {
+ z-index: 40;
+ }
+ .z-50 {
+ z-index: 50;
+ }
+ .z-\[60\] {
+ z-index: 60;
+ }
+ .z-auto {
+ z-index: auto;
+ }
+ .order-first {
+ order: -9999;
+ }
+ .order-last {
+ order: 9999;
+ }
+ .order-none {
+ order: 0;
+ }
+ .col-auto {
+ grid-column: auto;
+ }
+ .col-span-1 {
+ grid-column: span 1 / span 1;
+ }
+ .col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+ .col-span-3 {
+ grid-column: span 3 / span 3;
+ }
+ .col-span-4 {
+ grid-column: span 4 / span 4;
+ }
+ .col-span-8 {
+ grid-column: span 8 / span 8;
+ }
+ .col-span-12 {
+ grid-column: span 12 / span 12;
+ }
+ .col-span-full {
+ grid-column: 1 / -1;
+ }
+ .col-start-auto {
+ grid-column-start: auto;
+ }
+ .col-end-auto {
+ grid-column-end: auto;
+ }
+ .row-auto {
+ grid-row: auto;
+ }
+ .row-span-full {
+ grid-row: 1 / -1;
+ }
+ .row-start-auto {
+ grid-row-start: auto;
+ }
+ .row-end-auto {
+ grid-row-end: auto;
+ }
+ .float-end {
+ float: inline-end;
+ }
+ .float-left {
+ float: left;
+ }
+ .float-none {
+ float: none;
+ }
+ .float-right {
+ float: right;
+ }
+ .float-start {
+ float: inline-start;
+ }
+ .clear-both {
+ clear: both;
+ }
+ .clear-end {
+ clear: inline-end;
+ }
+ .clear-left {
+ clear: left;
+ }
+ .clear-none {
+ clear: none;
+ }
+ .clear-right {
+ clear: right;
+ }
+ .clear-start {
+ clear: inline-start;
+ }
+ .container {
+ width: 100%;
+ @media (width >= 40rem) {
+ max-width: 40rem;
+ }
+ @media (width >= 48rem) {
+ max-width: 48rem;
+ }
+ @media (width >= 64rem) {
+ max-width: 64rem;
+ }
+ @media (width >= 80rem) {
+ max-width: 80rem;
+ }
+ @media (width >= 96rem) {
+ max-width: 96rem;
+ }
+ }
+ .m-0 {
+ margin: calc(var(--spacing) * 0);
+ }
+ .-mx-1 {
+ margin-inline: calc(var(--spacing) * -1);
+ }
+ .-mx-1\.5 {
+ margin-inline: calc(var(--spacing) * -1.5);
+ }
+ .mx-1 {
+ margin-inline: calc(var(--spacing) * 1);
+ }
+ .mx-2 {
+ margin-inline: calc(var(--spacing) * 2);
+ }
+ .mx-4 {
+ margin-inline: calc(var(--spacing) * 4);
+ }
+ .mx-8 {
+ margin-inline: calc(var(--spacing) * 8);
+ }
+ .mx-auto {
+ margin-inline: auto;
+ }
+ .-my-1\.5 {
+ margin-block: calc(var(--spacing) * -1.5);
+ }
+ .my-1 {
+ margin-block: calc(var(--spacing) * 1);
+ }
+ .my-4 {
+ margin-block: calc(var(--spacing) * 4);
+ }
+ .my-auto {
+ margin-block: auto;
+ }
+ .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-8 {
+ margin-top: calc(var(--spacing) * 8);
+ }
+ .mt-auto {
+ margin-top: auto;
+ }
+ .mr-1 {
+ margin-right: calc(var(--spacing) * 1);
+ }
+ .mr-1\.5 {
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ .mr-2 {
+ margin-right: calc(var(--spacing) * 2);
+ }
+ .mr-2\.5 {
+ margin-right: calc(var(--spacing) * 2.5);
+ }
+ .mr-3 {
+ margin-right: calc(var(--spacing) * 3);
+ }
+ .mr-4 {
+ margin-right: calc(var(--spacing) * 4);
+ }
+ .-mb-px {
+ margin-bottom: -1px;
+ }
+ .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-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-12 {
+ margin-bottom: calc(var(--spacing) * 12);
+ }
+ .-ml-1 {
+ margin-left: calc(var(--spacing) * -1);
+ }
+ .ml-1 {
+ margin-left: calc(var(--spacing) * 1);
+ }
+ .ml-1\.5 {
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ .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-6 {
+ margin-left: calc(var(--spacing) * 6);
+ }
+ .ml-auto {
+ margin-left: auto;
+ }
+ .box-border {
+ box-sizing: border-box;
+ }
+ .box-content {
+ box-sizing: content-box;
+ }
+ .line-clamp-2 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ }
+ .line-clamp-none {
+ overflow: visible;
+ display: block;
+ -webkit-box-orient: horizontal;
+ -webkit-line-clamp: unset;
+ }
+ .\!hidden {
+ display: none !important;
+ }
+ .block {
+ display: block;
+ }
+ .contents {
+ display: contents;
+ }
+ .flex {
+ display: flex;
+ }
+ .flow-root {
+ display: flow-root;
+ }
+ .grid {
+ display: grid;
+ }
+ .hidden {
+ display: none;
+ }
+ .inline {
+ display: inline;
+ }
+ .inline-block {
+ display: inline-block;
+ }
+ .inline-flex {
+ display: inline-flex;
+ }
+ .inline-grid {
+ display: inline-grid;
+ }
+ .inline-table {
+ display: inline-table;
+ }
+ .list-item {
+ display: list-item;
+ }
+ .table {
+ display: table;
+ }
+ .table-caption {
+ display: table-caption;
+ }
+ .table-cell {
+ display: table-cell;
+ }
+ .table-column {
+ display: table-column;
+ }
+ .table-column-group {
+ display: table-column-group;
+ }
+ .table-footer-group {
+ display: table-footer-group;
+ }
+ .table-header-group {
+ display: table-header-group;
+ }
+ .table-row {
+ display: table-row;
+ }
+ .table-row-group {
+ display: table-row-group;
+ }
+ .field-sizing-content {
+ field-sizing: content;
+ }
+ .field-sizing-fixed {
+ field-sizing: fixed;
+ }
+ .aspect-auto {
+ aspect-ratio: auto;
+ }
+ .aspect-square {
+ aspect-ratio: 1 / 1;
+ }
+ .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-9 {
+ width: calc(var(--spacing) * 9);
+ height: calc(var(--spacing) * 9);
+ }
+ .size-auto {
+ width: auto;
+ height: auto;
+ }
+ .h-2 {
+ height: calc(var(--spacing) * 2);
+ }
+ .h-2\.5 {
+ height: calc(var(--spacing) * 2.5);
+ }
+ .h-4 {
+ height: calc(var(--spacing) * 4);
+ }
+ .h-5 {
+ height: calc(var(--spacing) * 5);
+ }
+ .h-6 {
+ height: calc(var(--spacing) * 6);
+ }
+ .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-16 {
+ height: calc(var(--spacing) * 16);
+ }
+ .h-24 {
+ height: calc(var(--spacing) * 24);
+ }
+ .h-32 {
+ height: calc(var(--spacing) * 32);
+ }
+ .h-36 {
+ height: calc(var(--spacing) * 36);
+ }
+ .h-48 {
+ height: calc(var(--spacing) * 48);
+ }
+ .h-\[300px\] {
+ height: 300px;
+ }
+ .h-\[var\(--radix-select-trigger-height\)\] {
+ height: var(--radix-select-trigger-height);
+ }
+ .h-auto {
+ height: auto;
+ }
+ .h-full {
+ height: 100%;
+ }
+ .h-lh {
+ height: 1lh;
+ }
+ .h-px {
+ height: 1px;
+ }
+ .h-screen {
+ height: 100vh;
+ }
+ .max-h-60 {
+ max-height: calc(var(--spacing) * 60);
+ }
+ .max-h-96 {
+ max-height: calc(var(--spacing) * 96);
+ }
+ .max-h-\[90vh\] {
+ max-height: 90vh;
+ }
+ .max-h-lh {
+ max-height: 1lh;
+ }
+ .max-h-none {
+ max-height: none;
+ }
+ .max-h-screen {
+ max-height: 100vh;
+ }
+ .min-h-\[100px\] {
+ min-height: 100px;
+ }
+ .min-h-\[120px\] {
+ min-height: 120px;
+ }
+ .min-h-\[140px\] {
+ min-height: 140px;
+ }
+ .min-h-auto {
+ min-height: auto;
+ }
+ .min-h-lh {
+ min-height: 1lh;
+ }
+ .min-h-screen {
+ min-height: 100vh;
+ }
+ .w-4 {
+ width: calc(var(--spacing) * 4);
+ }
+ .w-5 {
+ width: calc(var(--spacing) * 5);
+ }
+ .w-6 {
+ width: calc(var(--spacing) * 6);
+ }
+ .w-8 {
+ width: calc(var(--spacing) * 8);
+ }
+ .w-12 {
+ width: calc(var(--spacing) * 12);
+ }
+ .w-16 {
+ width: calc(var(--spacing) * 16);
+ }
+ .w-24 {
+ width: calc(var(--spacing) * 24);
+ }
+ .w-32 {
+ width: calc(var(--spacing) * 32);
+ }
+ .w-64 {
+ width: calc(var(--spacing) * 64);
+ }
+ .w-\[100px\] {
+ width: 100px;
+ }
+ .w-auto {
+ width: auto;
+ }
+ .w-fit {
+ width: fit-content;
+ }
+ .w-full {
+ width: 100%;
+ }
+ .w-screen {
+ width: 100vw;
+ }
+ .max-w-2xl {
+ max-width: var(--container-2xl);
+ }
+ .max-w-3xl {
+ max-width: var(--container-3xl);
+ }
+ .max-w-4xl {
+ max-width: var(--container-4xl);
+ }
+ .max-w-6xl {
+ max-width: var(--container-6xl);
+ }
+ .max-w-7xl {
+ max-width: var(--container-7xl);
+ }
+ .max-w-\[800px\] {
+ max-width: 800px;
+ }
+ .max-w-lg {
+ max-width: var(--container-lg);
+ }
+ .max-w-md {
+ max-width: var(--container-md);
+ }
+ .max-w-none {
+ max-width: none;
+ }
+ .max-w-screen {
+ max-width: 100vw;
+ }
+ .max-w-xs {
+ max-width: var(--container-xs);
+ }
+ .min-w-0 {
+ min-width: calc(var(--spacing) * 0);
+ }
+ .min-w-\[0px\] {
+ min-width: 0px;
+ }
+ .min-w-\[8rem\] {
+ min-width: 8rem;
+ }
+ .min-w-\[200px\] {
+ min-width: 200px;
+ }
+ .min-w-\[320px\] {
+ min-width: 320px;
+ }
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
+ min-width: var(--radix-select-trigger-width);
+ }
+ .min-w-auto {
+ min-width: auto;
+ }
+ .min-w-screen {
+ min-width: 100vw;
+ }
+ .flex-1 {
+ flex: 1;
+ }
+ .flex-auto {
+ flex: auto;
+ }
+ .flex-initial {
+ flex: 0 auto;
+ }
+ .flex-none {
+ flex: none;
+ }
+ .flex-shrink {
+ flex-shrink: 1;
+ }
+ .flex-shrink-0 {
+ flex-shrink: 0;
+ }
+ .shrink {
+ flex-shrink: 1;
+ }
+ .shrink-0 {
+ flex-shrink: 0;
+ }
+ .flex-grow {
+ flex-grow: 1;
+ }
+ .grow {
+ flex-grow: 1;
+ }
+ .basis-auto {
+ flex-basis: auto;
+ }
+ .basis-full {
+ flex-basis: 100%;
+ }
+ .table-auto {
+ table-layout: auto;
+ }
+ .table-fixed {
+ table-layout: fixed;
+ }
+ .caption-bottom {
+ caption-side: bottom;
+ }
+ .caption-top {
+ caption-side: top;
+ }
+ .border-collapse {
+ border-collapse: collapse;
+ }
+ .border-separate {
+ border-collapse: separate;
+ }
+ .origin-bottom {
+ transform-origin: bottom;
+ }
+ .origin-bottom-left {
+ transform-origin: bottom left;
+ }
+ .origin-bottom-right {
+ transform-origin: bottom right;
+ }
+ .origin-center {
+ transform-origin: center;
+ }
+ .origin-left {
+ transform-origin: left;
+ }
+ .origin-right {
+ transform-origin: right;
+ }
+ .origin-top {
+ transform-origin: top;
+ }
+ .origin-top-left {
+ transform-origin: top left;
+ }
+ .origin-top-right {
+ transform-origin: top right;
+ }
+ .-translate-full {
+ --tw-translate-x: -100%;
+ --tw-translate-y: -100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-full {
+ --tw-translate-x: 100%;
+ --tw-translate-y: 100%;
+ 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-2 {
+ --tw-translate-y: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-y-full {
+ --tw-translate-y: -100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-0 {
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-full {
+ --tw-translate-y: 100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-3d {
+ translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
+ }
+ .translate-none {
+ translate: none;
+ }
+ .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-120 {
+ --tw-scale-x: 120%;
+ --tw-scale-y: 120%;
+ --tw-scale-z: 120%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ .scale-3d {
+ scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
+ }
+ .scale-none {
+ scale: none;
+ }
+ .rotate-180 {
+ rotate: 180deg;
+ }
+ .rotate-none {
+ rotate: none;
+ }
+ .transform {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ .transform-cpu {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ .transform-gpu {
+ transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ .transform-none {
+ transform: none;
+ }
+ .\[animation\:spin_20s_linear_infinite\] {
+ animation: spin 20s linear infinite;
+ }
+ .animate-\[spin_20s_linear_infinite\] {
+ animation: spin 20s linear infinite;
+ }
+ .animate-none {
+ animation: none;
+ }
+ .animate-pulse {
+ animation: var(--animate-pulse);
+ }
+ .animate-spin {
+ animation: var(--animate-spin);
+ }
+ .cursor-default {
+ cursor: default;
+ }
+ .cursor-pointer {
+ cursor: pointer;
+ }
+ .touch-pinch-zoom {
+ --tw-pinch-zoom: pinch-zoom;
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+ }
+ .resize {
+ resize: both;
+ }
+ .resize-none {
+ resize: none;
+ }
+ .resize-x {
+ resize: horizontal;
+ }
+ .resize-y {
+ resize: vertical;
+ }
+ .snap-none {
+ scroll-snap-type: none;
+ }
+ .snap-mandatory {
+ --tw-scroll-snap-strictness: mandatory;
+ }
+ .snap-proximity {
+ --tw-scroll-snap-strictness: proximity;
+ }
+ .snap-align-none {
+ scroll-snap-align: none;
+ }
+ .snap-center {
+ scroll-snap-align: center;
+ }
+ .snap-end {
+ scroll-snap-align: end;
+ }
+ .snap-start {
+ scroll-snap-align: start;
+ }
+ .snap-always {
+ scroll-snap-stop: always;
+ }
+ .snap-normal {
+ scroll-snap-stop: normal;
+ }
+ .scroll-my-1 {
+ scroll-margin-block: calc(var(--spacing) * 1);
+ }
+ .list-inside {
+ list-style-position: inside;
+ }
+ .list-outside {
+ list-style-position: outside;
+ }
+ .list-decimal {
+ list-style-type: decimal;
+ }
+ .list-disc {
+ list-style-type: disc;
+ }
+ .list-none {
+ list-style-type: none;
+ }
+ .list-image-none {
+ list-style-image: none;
+ }
+ .appearance-auto {
+ appearance: auto;
+ }
+ .appearance-none {
+ appearance: none;
+ }
+ .columns-auto {
+ columns: auto;
+ }
+ .auto-cols-auto {
+ grid-auto-columns: auto;
+ }
+ .auto-cols-fr {
+ grid-auto-columns: minmax(0, 1fr);
+ }
+ .auto-cols-max {
+ grid-auto-columns: max-content;
+ }
+ .auto-cols-min {
+ grid-auto-columns: min-content;
+ }
+ .grid-flow-col {
+ grid-auto-flow: column;
+ }
+ .grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+ .grid-flow-dense {
+ grid-auto-flow: dense;
+ }
+ .grid-flow-row {
+ grid-auto-flow: row;
+ }
+ .grid-flow-row-dense {
+ grid-auto-flow: row dense;
+ }
+ .auto-rows-auto {
+ grid-auto-rows: auto;
+ }
+ .auto-rows-fr {
+ grid-auto-rows: minmax(0, 1fr);
+ }
+ .auto-rows-max {
+ grid-auto-rows: max-content;
+ }
+ .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-none {
+ grid-template-columns: none;
+ }
+ .grid-cols-subgrid {
+ grid-template-columns: subgrid;
+ }
+ .grid-rows-none {
+ grid-template-rows: none;
+ }
+ .grid-rows-subgrid {
+ grid-template-rows: subgrid;
+ }
+ .flex-col {
+ flex-direction: column;
+ }
+ .flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+ .flex-row {
+ flex-direction: row;
+ }
+ .flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+ .flex-nowrap {
+ flex-wrap: nowrap;
+ }
+ .flex-wrap {
+ flex-wrap: wrap;
+ }
+ .flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+ .place-content-around {
+ place-content: space-around;
+ }
+ .place-content-baseline {
+ place-content: baseline;
+ }
+ .place-content-between {
+ place-content: space-between;
+ }
+ .place-content-center {
+ place-content: center;
+ }
+ .place-content-center-safe {
+ place-content: safe center;
+ }
+ .place-content-end {
+ place-content: end;
+ }
+ .place-content-end-safe {
+ place-content: safe end;
+ }
+ .place-content-evenly {
+ place-content: space-evenly;
+ }
+ .place-content-start {
+ place-content: start;
+ }
+ .place-content-stretch {
+ place-content: stretch;
+ }
+ .place-items-baseline {
+ place-items: baseline;
+ }
+ .place-items-center {
+ place-items: center;
+ }
+ .place-items-center-safe {
+ place-items: safe center;
+ }
+ .place-items-end {
+ place-items: end;
+ }
+ .place-items-end-safe {
+ place-items: safe end;
+ }
+ .place-items-start {
+ place-items: start;
+ }
+ .place-items-stretch {
+ place-items: stretch;
+ }
+ .content-around {
+ align-content: space-around;
+ }
+ .content-baseline {
+ align-content: baseline;
+ }
+ .content-between {
+ align-content: space-between;
+ }
+ .content-center {
+ align-content: center;
+ }
+ .content-center-safe {
+ align-content: safe center;
+ }
+ .content-end {
+ align-content: flex-end;
+ }
+ .content-end-safe {
+ align-content: safe flex-end;
+ }
+ .content-evenly {
+ align-content: space-evenly;
+ }
+ .content-normal {
+ align-content: normal;
+ }
+ .content-start {
+ align-content: flex-start;
+ }
+ .content-stretch {
+ align-content: stretch;
+ }
+ .items-baseline {
+ align-items: baseline;
+ }
+ .items-baseline-last {
+ align-items: last baseline;
+ }
+ .items-center {
+ align-items: center;
+ }
+ .items-center-safe {
+ align-items: safe center;
+ }
+ .items-end {
+ align-items: flex-end;
+ }
+ .items-end-safe {
+ align-items: safe flex-end;
+ }
+ .items-start {
+ align-items: flex-start;
+ }
+ .items-stretch {
+ align-items: stretch;
+ }
+ .justify-around {
+ justify-content: space-around;
+ }
+ .justify-baseline {
+ justify-content: baseline;
+ }
+ .justify-between {
+ justify-content: space-between;
+ }
+ .justify-center {
+ justify-content: center;
+ }
+ .justify-center-safe {
+ justify-content: safe center;
+ }
+ .justify-end {
+ justify-content: flex-end;
+ }
+ .justify-end-safe {
+ justify-content: safe flex-end;
+ }
+ .justify-evenly {
+ justify-content: space-evenly;
+ }
+ .justify-normal {
+ justify-content: normal;
+ }
+ .justify-start {
+ justify-content: flex-start;
+ }
+ .justify-stretch {
+ justify-content: stretch;
+ }
+ .justify-items-center {
+ justify-items: center;
+ }
+ .justify-items-center-safe {
+ justify-items: safe center;
+ }
+ .justify-items-end {
+ justify-items: end;
+ }
+ .justify-items-end-safe {
+ justify-items: safe end;
+ }
+ .justify-items-normal {
+ justify-items: normal;
+ }
+ .justify-items-start {
+ justify-items: start;
+ }
+ .justify-items-stretch {
+ justify-items: stretch;
+ }
+ .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);
+ }
+ .gap-8 {
+ gap: calc(var(--spacing) * 8);
+ }
+ .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-reverse {
+ :where(& > :not(:last-child)) {
+ --tw-space-y-reverse: 1;
+ }
+ }
+ .-space-x-px {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
+ margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ .space-x-1 {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-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-reverse {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 1;
+ }
+ }
+ .divide-x {
+ :where(& > :not(:last-child)) {
+ --tw-divide-x-reverse: 0;
+ border-inline-style: var(--tw-border-style);
+ border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+ border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+ }
+ }
+ .divide-y {
+ :where(& > :not(:last-child)) {
+ --tw-divide-y-reverse: 0;
+ border-bottom-style: var(--tw-border-style);
+ border-top-style: var(--tw-border-style);
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+ }
+ }
+ .divide-y-reverse {
+ :where(& > :not(:last-child)) {
+ --tw-divide-y-reverse: 1;
+ }
+ }
+ .divide-gray-200 {
+ :where(& > :not(:last-child)) {
+ border-color: var(--color-gray-200);
+ }
+ }
+ .place-self-auto {
+ place-self: auto;
+ }
+ .place-self-center {
+ place-self: center;
+ }
+ .place-self-center-safe {
+ place-self: safe center;
+ }
+ .place-self-end {
+ place-self: end;
+ }
+ .place-self-end-safe {
+ place-self: safe end;
+ }
+ .place-self-start {
+ place-self: start;
+ }
+ .place-self-stretch {
+ place-self: stretch;
+ }
+ .self-auto {
+ align-self: auto;
+ }
+ .self-baseline {
+ align-self: baseline;
+ }
+ .self-baseline-last {
+ align-self: last baseline;
+ }
+ .self-center {
+ align-self: center;
+ }
+ .self-center-safe {
+ align-self: safe center;
+ }
+ .self-end {
+ align-self: flex-end;
+ }
+ .self-end-safe {
+ align-self: safe flex-end;
+ }
+ .self-start {
+ align-self: flex-start;
+ }
+ .self-stretch {
+ align-self: stretch;
+ }
+ .justify-self-auto {
+ justify-self: auto;
+ }
+ .justify-self-center {
+ justify-self: center;
+ }
+ .justify-self-center-safe {
+ justify-self: safe center;
+ }
+ .justify-self-end {
+ justify-self: flex-end;
+ }
+ .justify-self-end-safe {
+ justify-self: safe flex-end;
+ }
+ .justify-self-start {
+ justify-self: flex-start;
+ }
+ .justify-self-stretch {
+ justify-self: stretch;
+ }
+ .truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .overflow-auto {
+ overflow: auto;
+ }
+ .overflow-hidden {
+ overflow: hidden;
+ }
+ .overflow-y-auto {
+ overflow-y: auto;
+ }
+ .scroll-auto {
+ scroll-behavior: auto;
+ }
+ .scroll-smooth {
+ scroll-behavior: smooth;
+ }
+ .rounded {
+ border-radius: 0.25rem;
+ }
+ .rounded-2xl {
+ border-radius: var(--radius-2xl);
+ }
+ .rounded-full {
+ border-radius: calc(infinity * 1px);
+ }
+ .rounded-lg {
+ border-radius: var(--radius-lg);
+ }
+ .rounded-md {
+ border-radius: var(--radius-md);
+ }
+ .rounded-sm {
+ border-radius: var(--radius-sm);
+ }
+ .rounded-xl {
+ border-radius: var(--radius-xl);
+ }
+ .rounded-s {
+ border-start-start-radius: 0.25rem;
+ border-end-start-radius: 0.25rem;
+ }
+ .rounded-ss {
+ border-start-start-radius: 0.25rem;
+ }
+ .rounded-e {
+ border-start-end-radius: 0.25rem;
+ border-end-end-radius: 0.25rem;
+ }
+ .rounded-se {
+ border-start-end-radius: 0.25rem;
+ }
+ .rounded-ee {
+ border-end-end-radius: 0.25rem;
+ }
+ .rounded-es {
+ border-end-start-radius: 0.25rem;
+ }
+ .rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+ .rounded-t-lg {
+ border-top-left-radius: var(--radius-lg);
+ border-top-right-radius: var(--radius-lg);
+ }
+ .rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+ .rounded-l-lg {
+ border-top-left-radius: var(--radius-lg);
+ border-bottom-left-radius: var(--radius-lg);
+ }
+ .rounded-l-md {
+ border-top-left-radius: var(--radius-md);
+ border-bottom-left-radius: var(--radius-md);
+ }
+ .rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+ .rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+ .rounded-r-lg {
+ border-top-right-radius: var(--radius-lg);
+ border-bottom-right-radius: var(--radius-lg);
+ }
+ .rounded-r-md {
+ border-top-right-radius: var(--radius-md);
+ border-bottom-right-radius: var(--radius-md);
+ }
+ .rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+ .rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+ .rounded-b-lg {
+ border-bottom-right-radius: var(--radius-lg);
+ border-bottom-left-radius: var(--radius-lg);
+ }
+ .rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+ .rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+ .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-4 {
+ border-style: var(--tw-border-style);
+ border-width: 4px;
+ }
+ .border-x {
+ border-inline-style: var(--tw-border-style);
+ border-inline-width: 1px;
+ }
+ .border-y {
+ border-block-style: var(--tw-border-style);
+ border-block-width: 1px;
+ }
+ .border-s {
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 1px;
+ }
+ .border-e {
+ border-inline-end-style: var(--tw-border-style);
+ border-inline-end-width: 1px;
+ }
+ .border-t {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+ .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-dashed {
+ --tw-border-style: dashed;
+ border-style: dashed;
+ }
+ .border-dotted {
+ --tw-border-style: dotted;
+ border-style: dotted;
+ }
+ .border-double {
+ --tw-border-style: double;
+ border-style: double;
+ }
+ .border-hidden {
+ --tw-border-style: hidden;
+ border-style: hidden;
+ }
+ .border-none {
+ --tw-border-style: none;
+ border-style: none;
+ }
+ .border-solid {
+ --tw-border-style: solid;
+ border-style: solid;
+ }
+ .border-\[\#fbf0df\] {
+ border-color: #fbf0df;
+ }
+ .border-blue-100 {
+ border-color: var(--color-blue-100);
+ }
+ .border-blue-200\/50 {
+ border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
+ }
+ }
+ .border-blue-500 {
+ border-color: var(--color-blue-500);
+ }
+ .border-blue-600 {
+ border-color: var(--color-blue-600);
+ }
+ .border-gray-200 {
+ border-color: var(--color-gray-200);
+ }
+ .border-gray-200\/50 {
+ border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
+ }
+ }
+ .border-gray-300 {
+ border-color: var(--color-gray-300);
+ }
+ .border-gray-700 {
+ border-color: var(--color-gray-700);
+ }
+ .border-green-500 {
+ border-color: var(--color-green-500);
+ }
+ .border-primary {
+ border-color: var(--color-primary);
+ }
+ .border-red-400 {
+ border-color: var(--color-red-400);
+ }
+ .border-red-500 {
+ border-color: var(--color-red-500);
+ }
+ .border-transparent {
+ border-color: transparent;
+ }
+ .border-t-transparent {
+ border-top-color: transparent;
+ }
+ .bg-\[\#1a1a1a\] {
+ background-color: #1a1a1a;
+ }
+ .bg-\[\#242424\] {
+ background-color: #242424;
+ }
+ .bg-\[\#fbf0df\] {
+ background-color: #fbf0df;
+ }
+ .bg-black\/50 {
+ background-color: color-mix(in srgb, #000 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+ }
+ }
+ .bg-black\/90 {
+ background-color: color-mix(in srgb, #000 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
+ }
+ }
+ .bg-blue-50 {
+ background-color: var(--color-blue-50);
+ }
+ .bg-blue-100 {
+ background-color: var(--color-blue-100);
+ }
+ .bg-blue-500 {
+ background-color: var(--color-blue-500);
+ }
+ .bg-blue-500\/50 {
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
+ }
+ }
+ .bg-blue-500\/75 {
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 75%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-500) 75%, transparent);
+ }
+ }
+ .bg-blue-600 {
+ background-color: var(--color-blue-600);
+ }
+ .bg-blue-900\/40 {
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
+ }
+ }
+ .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-500 {
+ background-color: var(--color-gray-500);
+ }
+ .bg-gray-800 {
+ background-color: var(--color-gray-800);
+ }
+ .bg-gray-900 {
+ background-color: var(--color-gray-900);
+ }
+ .bg-green-100 {
+ background-color: var(--color-green-100);
+ }
+ .bg-green-500 {
+ background-color: var(--color-green-500);
+ }
+ .bg-green-600 {
+ background-color: var(--color-green-600);
+ }
+ .bg-green-900\/40 {
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
+ }
+ }
+ .bg-primary {
+ background-color: var(--color-primary);
+ }
+ .bg-purple-100 {
+ background-color: var(--color-purple-100);
+ }
+ .bg-red-50 {
+ background-color: var(--color-red-50);
+ }
+ .bg-red-100 {
+ background-color: var(--color-red-100);
+ }
+ .bg-red-500 {
+ background-color: var(--color-red-500);
+ }
+ .bg-red-600 {
+ background-color: var(--color-red-600);
+ }
+ .bg-red-900\/40 {
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
+ }
+ }
+ .bg-secondary {
+ background-color: var(--color-secondary);
+ }
+ .bg-transparent {
+ background-color: transparent;
+ }
+ .bg-white {
+ background-color: var(--color-white);
+ }
+ .bg-white\/10 {
+ background-color: color-mix(in srgb, #fff 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+ }
+ }
+ .bg-white\/80 {
+ background-color: color-mix(in srgb, #fff 80%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
+ }
+ }
+ .bg-white\/90 {
+ background-color: color-mix(in srgb, #fff 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+ }
+ }
+ .bg-yellow-100 {
+ background-color: var(--color-yellow-100);
+ }
+ .bg-yellow-500 {
+ background-color: var(--color-yellow-500);
+ }
+ .bg-yellow-600 {
+ background-color: var(--color-yellow-600);
+ }
+ .bg-yellow-900\/40 {
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
+ }
+ }
+ .-bg-conic {
+ --tw-gradient-position: in oklab;
+ background-image: conic-gradient(var(--tw-gradient-stops));
+ }
+ .bg-conic {
+ --tw-gradient-position: in oklab;
+ background-image: conic-gradient(var(--tw-gradient-stops));
+ }
+ .bg-gradient-to-br {
+ --tw-gradient-position: to bottom right in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ }
+ .bg-gradient-to-r {
+ --tw-gradient-position: to right in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ }
+ .bg-gradient-to-t {
+ --tw-gradient-position: to top in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ }
+ .bg-radial {
+ --tw-gradient-position: in oklab;
+ background-image: radial-gradient(var(--tw-gradient-stops));
+ }
+ .bg-none {
+ background-image: none;
+ }
+ .via-none {
+ --tw-gradient-via-stops: initial;
+ }
+ .from-black\/70 {
+ --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, 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));
+ }
+ .from-primary {
+ --tw-gradient-from: var(--color-primary);
+ --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-white {
+ --tw-gradient-from: var(--color-white);
+ --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-blue-50 {
+ --tw-gradient-via: var(--color-blue-50);
+ --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-indigo-50 {
+ --tw-gradient-to: var(--color-indigo-50);
+ --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-secondary {
+ --tw-gradient-to: var(--color-secondary);
+ --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));
+ }
+ .mask-none {
+ mask-image: none;
+ }
+ .mask-circle {
+ --tw-mask-radial-shape: circle;
+ }
+ .mask-ellipse {
+ --tw-mask-radial-shape: ellipse;
+ }
+ .mask-radial-closest-corner {
+ --tw-mask-radial-size: closest-corner;
+ }
+ .mask-radial-closest-side {
+ --tw-mask-radial-size: closest-side;
+ }
+ .mask-radial-farthest-corner {
+ --tw-mask-radial-size: farthest-corner;
+ }
+ .mask-radial-farthest-side {
+ --tw-mask-radial-size: farthest-side;
+ }
+ .mask-radial-at-bottom {
+ --tw-mask-radial-position: bottom;
+ }
+ .mask-radial-at-bottom-left {
+ --tw-mask-radial-position: bottom left;
+ }
+ .mask-radial-at-bottom-right {
+ --tw-mask-radial-position: bottom right;
+ }
+ .mask-radial-at-center {
+ --tw-mask-radial-position: center;
+ }
+ .mask-radial-at-left {
+ --tw-mask-radial-position: left;
+ }
+ .mask-radial-at-right {
+ --tw-mask-radial-position: right;
+ }
+ .mask-radial-at-top {
+ --tw-mask-radial-position: top;
+ }
+ .mask-radial-at-top-left {
+ --tw-mask-radial-position: top left;
+ }
+ .mask-radial-at-top-right {
+ --tw-mask-radial-position: top right;
+ }
+ .box-decoration-clone {
+ -webkit-box-decoration-break: clone;
+ box-decoration-break: clone;
+ }
+ .box-decoration-slice {
+ -webkit-box-decoration-break: slice;
+ box-decoration-break: slice;
+ }
+ .decoration-clone {
+ -webkit-box-decoration-break: clone;
+ box-decoration-break: clone;
+ }
+ .decoration-slice {
+ -webkit-box-decoration-break: slice;
+ box-decoration-break: slice;
+ }
+ .bg-auto {
+ background-size: auto;
+ }
+ .bg-contain {
+ background-size: contain;
+ }
+ .bg-cover {
+ background-size: cover;
+ }
+ .bg-fixed {
+ background-attachment: fixed;
+ }
+ .bg-local {
+ background-attachment: local;
+ }
+ .bg-scroll {
+ background-attachment: scroll;
+ }
+ .bg-clip-border {
+ background-clip: border-box;
+ }
+ .bg-clip-content {
+ background-clip: content-box;
+ }
+ .bg-clip-padding {
+ background-clip: padding-box;
+ }
+ .bg-clip-text {
+ background-clip: text;
+ }
+ .bg-bottom {
+ background-position: bottom;
+ }
+ .bg-bottom-left {
+ background-position: left bottom;
+ }
+ .bg-bottom-right {
+ background-position: right bottom;
+ }
+ .bg-center {
+ background-position: center;
+ }
+ .bg-left {
+ background-position: left;
+ }
+ .bg-left-bottom {
+ background-position: left bottom;
+ }
+ .bg-left-top {
+ background-position: left top;
+ }
+ .bg-right {
+ background-position: right;
+ }
+ .bg-right-bottom {
+ background-position: right bottom;
+ }
+ .bg-right-top {
+ background-position: right top;
+ }
+ .bg-top {
+ background-position: top;
+ }
+ .bg-top-left {
+ background-position: left top;
+ }
+ .bg-top-right {
+ background-position: right top;
+ }
+ .bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+ .bg-repeat {
+ background-repeat: repeat;
+ }
+ .bg-repeat-round {
+ background-repeat: round;
+ }
+ .bg-repeat-space {
+ background-repeat: space;
+ }
+ .bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+ .bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+ .bg-origin-border {
+ background-origin: border-box;
+ }
+ .bg-origin-content {
+ background-origin: content-box;
+ }
+ .bg-origin-padding {
+ background-origin: padding-box;
+ }
+ .mask-add {
+ mask-composite: add;
+ }
+ .mask-exclude {
+ mask-composite: exclude;
+ }
+ .mask-intersect {
+ mask-composite: intersect;
+ }
+ .mask-subtract {
+ mask-composite: subtract;
+ }
+ .mask-alpha {
+ mask-mode: alpha;
+ }
+ .mask-luminance {
+ mask-mode: luminance;
+ }
+ .mask-match {
+ mask-mode: match-source;
+ }
+ .mask-type-alpha {
+ mask-type: alpha;
+ }
+ .mask-type-luminance {
+ mask-type: luminance;
+ }
+ .mask-auto {
+ mask-size: auto;
+ }
+ .mask-contain {
+ mask-size: contain;
+ }
+ .mask-cover {
+ mask-size: cover;
+ }
+ .mask-clip-border {
+ mask-clip: border-box;
+ }
+ .mask-clip-content {
+ mask-clip: content-box;
+ }
+ .mask-clip-fill {
+ mask-clip: fill-box;
+ }
+ .mask-clip-padding {
+ mask-clip: padding-box;
+ }
+ .mask-clip-stroke {
+ mask-clip: stroke-box;
+ }
+ .mask-clip-view {
+ mask-clip: view-box;
+ }
+ .mask-no-clip {
+ mask-clip: no-clip;
+ }
+ .mask-bottom {
+ mask-position: bottom;
+ }
+ .mask-bottom-left {
+ mask-position: left bottom;
+ }
+ .mask-bottom-right {
+ mask-position: right bottom;
+ }
+ .mask-center {
+ mask-position: center;
+ }
+ .mask-left {
+ mask-position: left;
+ }
+ .mask-right {
+ mask-position: right;
+ }
+ .mask-top {
+ mask-position: top;
+ }
+ .mask-top-left {
+ mask-position: left top;
+ }
+ .mask-top-right {
+ mask-position: right top;
+ }
+ .mask-no-repeat {
+ mask-repeat: no-repeat;
+ }
+ .mask-repeat {
+ mask-repeat: repeat;
+ }
+ .mask-repeat-round {
+ mask-repeat: round;
+ }
+ .mask-repeat-space {
+ mask-repeat: space;
+ }
+ .mask-repeat-x {
+ mask-repeat: repeat-x;
+ }
+ .mask-repeat-y {
+ mask-repeat: repeat-y;
+ }
+ .mask-origin-border {
+ mask-origin: border-box;
+ }
+ .mask-origin-content {
+ mask-origin: content-box;
+ }
+ .mask-origin-fill {
+ mask-origin: fill-box;
+ }
+ .mask-origin-padding {
+ mask-origin: padding-box;
+ }
+ .mask-origin-stroke {
+ mask-origin: stroke-box;
+ }
+ .mask-origin-view {
+ mask-origin: view-box;
+ }
+ .fill-none {
+ fill: none;
+ }
+ .stroke-none {
+ stroke: none;
+ }
+ .object-contain {
+ object-fit: contain;
+ }
+ .object-cover {
+ object-fit: cover;
+ }
+ .object-fill {
+ object-fit: fill;
+ }
+ .object-none {
+ object-fit: none;
+ }
+ .object-scale-down {
+ object-fit: scale-down;
+ }
+ .object-bottom {
+ object-position: bottom;
+ }
+ .object-bottom-left {
+ object-position: left bottom;
+ }
+ .object-bottom-right {
+ object-position: right bottom;
+ }
+ .object-center {
+ object-position: center;
+ }
+ .object-left {
+ object-position: left;
+ }
+ .object-left-bottom {
+ object-position: left bottom;
+ }
+ .object-left-top {
+ object-position: left top;
+ }
+ .object-right {
+ object-position: right;
+ }
+ .object-right-bottom {
+ object-position: right bottom;
+ }
+ .object-right-top {
+ object-position: right top;
+ }
+ .object-top {
+ object-position: top;
+ }
+ .object-top-left {
+ object-position: left top;
+ }
+ .object-top-right {
+ object-position: right top;
+ }
+ .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-5 {
+ padding: calc(var(--spacing) * 5);
+ }
+ .p-6 {
+ padding: calc(var(--spacing) * 6);
+ }
+ .p-8 {
+ padding: calc(var(--spacing) * 8);
+ }
+ .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-5 {
+ padding-inline: calc(var(--spacing) * 5);
+ }
+ .px-6 {
+ padding-inline: calc(var(--spacing) * 6);
+ }
+ .px-8 {
+ padding-inline: calc(var(--spacing) * 8);
+ }
+ .px-\[0\.3rem\] {
+ padding-inline: 0.3rem;
+ }
+ .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-12 {
+ padding-block: calc(var(--spacing) * 12);
+ }
+ .py-16 {
+ padding-block: calc(var(--spacing) * 16);
+ }
+ .py-\[0\.2rem\] {
+ padding-block: 0.2rem;
+ }
+ .pt-0 {
+ padding-top: calc(var(--spacing) * 0);
+ }
+ .pt-2 {
+ padding-top: calc(var(--spacing) * 2);
+ }
+ .pt-6 {
+ padding-top: calc(var(--spacing) * 6);
+ }
+ .pr-8 {
+ padding-right: calc(var(--spacing) * 8);
+ }
+ .pb-4 {
+ padding-bottom: calc(var(--spacing) * 4);
+ }
+ .pl-2 {
+ padding-left: calc(var(--spacing) * 2);
+ }
+ .text-center {
+ text-align: center;
+ }
+ .text-end {
+ text-align: end;
+ }
+ .text-justify {
+ text-align: justify;
+ }
+ .text-left {
+ text-align: left;
+ }
+ .text-right {
+ text-align: right;
+ }
+ .text-start {
+ text-align: start;
+ }
+ .align-baseline {
+ vertical-align: baseline;
+ }
+ .align-bottom {
+ vertical-align: bottom;
+ }
+ .align-middle {
+ vertical-align: middle;
+ }
+ .align-sub {
+ vertical-align: sub;
+ }
+ .align-super {
+ vertical-align: super;
+ }
+ .align-text-bottom {
+ vertical-align: text-bottom;
+ }
+ .align-text-top {
+ vertical-align: text-top;
+ }
+ .align-top {
+ vertical-align: top;
+ }
+ .font-mono {
+ font-family: var(--font-mono);
+ }
+ .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-5xl {
+ font-size: var(--text-5xl);
+ line-height: var(--tw-leading, var(--text-5xl--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));
+ }
+ .leading-6 {
+ --tw-leading: calc(var(--spacing) * 6);
+ line-height: calc(var(--spacing) * 6);
+ }
+ .leading-none {
+ --tw-leading: 1;
+ line-height: 1;
+ }
+ .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-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-tight {
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .text-balance {
+ text-wrap: balance;
+ }
+ .text-nowrap {
+ text-wrap: nowrap;
+ }
+ .text-pretty {
+ text-wrap: pretty;
+ }
+ .text-wrap {
+ text-wrap: wrap;
+ }
+ .break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+ .break-words {
+ overflow-wrap: break-word;
+ }
+ .wrap-anywhere {
+ overflow-wrap: anywhere;
+ }
+ .wrap-break-word {
+ overflow-wrap: break-word;
+ }
+ .wrap-normal {
+ overflow-wrap: normal;
+ }
+ .break-all {
+ word-break: break-all;
+ }
+ .break-keep {
+ word-break: keep-all;
+ }
+ .overflow-ellipsis {
+ text-overflow: ellipsis;
+ }
+ .text-clip {
+ text-overflow: clip;
+ }
+ .text-ellipsis {
+ text-overflow: ellipsis;
+ }
+ .hyphens-auto {
+ -webkit-hyphens: auto;
+ hyphens: auto;
+ }
+ .hyphens-manual {
+ -webkit-hyphens: manual;
+ hyphens: manual;
+ }
+ .hyphens-none {
+ -webkit-hyphens: none;
+ hyphens: none;
+ }
+ .whitespace-break-spaces {
+ white-space: break-spaces;
+ }
+ .whitespace-normal {
+ white-space: normal;
+ }
+ .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-\[\#1a1a1a\] {
+ color: #1a1a1a;
+ }
+ .text-\[\#fbf0df\] {
+ color: #fbf0df;
+ }
+ .text-\[rgba\(255\,255\,255\,0\.87\)\] {
+ color: rgba(255,255,255,0.87);
+ }
+ .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-blue-900 {
+ color: var(--color-blue-900);
+ }
+ .text-gray-200 {
+ color: var(--color-gray-200);
+ }
+ .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-700\/75 {
+ color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 75%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-gray-700) 75%, transparent);
+ }
+ }
+ .text-gray-800 {
+ color: var(--color-gray-800);
+ }
+ .text-gray-900 {
+ color: var(--color-gray-900);
+ }
+ .text-green-400 {
+ color: var(--color-green-400);
+ }
+ .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-primary {
+ color: var(--color-primary);
+ }
+ .text-purple-800 {
+ color: var(--color-purple-800);
+ }
+ .text-red-100 {
+ color: var(--color-red-100);
+ }
+ .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-sky-900 {
+ color: var(--color-sky-900);
+ }
+ .text-transparent {
+ color: transparent;
+ }
+ .text-white {
+ color: var(--color-white);
+ }
+ .text-yellow-400 {
+ color: var(--color-yellow-400);
+ }
+ .text-yellow-500 {
+ color: var(--color-yellow-500);
+ }
+ .text-yellow-600 {
+ color: var(--color-yellow-600);
+ }
+ .text-yellow-700 {
+ color: var(--color-yellow-700);
+ }
+ .text-yellow-800 {
+ color: var(--color-yellow-800);
+ }
+ .capitalize {
+ text-transform: capitalize;
+ }
+ .lowercase {
+ text-transform: lowercase;
+ }
+ .normal-case {
+ text-transform: none;
+ }
+ .uppercase {
+ text-transform: uppercase;
+ }
+ .italic {
+ font-style: italic;
+ }
+ .not-italic {
+ font-style: normal;
+ }
+ .font-stretch-condensed {
+ font-stretch: condensed;
+ }
+ .font-stretch-expanded {
+ font-stretch: expanded;
+ }
+ .font-stretch-extra-condensed {
+ font-stretch: extra-condensed;
+ }
+ .font-stretch-extra-expanded {
+ font-stretch: extra-expanded;
+ }
+ .font-stretch-normal {
+ font-stretch: normal;
+ }
+ .font-stretch-semi-condensed {
+ font-stretch: semi-condensed;
+ }
+ .font-stretch-semi-expanded {
+ font-stretch: semi-expanded;
+ }
+ .font-stretch-ultra-condensed {
+ font-stretch: ultra-condensed;
+ }
+ .font-stretch-ultra-expanded {
+ font-stretch: ultra-expanded;
+ }
+ .diagonal-fractions {
+ --tw-numeric-fraction: diagonal-fractions;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .lining-nums {
+ --tw-numeric-figure: lining-nums;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .oldstyle-nums {
+ --tw-numeric-figure: oldstyle-nums;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .ordinal {
+ --tw-ordinal: ordinal;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .proportional-nums {
+ --tw-numeric-spacing: proportional-nums;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .slashed-zero {
+ --tw-slashed-zero: slashed-zero;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .stacked-fractions {
+ --tw-numeric-fraction: stacked-fractions;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .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,);
+ }
+ .normal-nums {
+ font-variant-numeric: normal;
+ }
+ .line-through {
+ text-decoration-line: line-through;
+ }
+ .no-underline {
+ text-decoration-line: none;
+ }
+ .overline {
+ text-decoration-line: overline;
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .decoration-dashed {
+ text-decoration-style: dashed;
+ }
+ .decoration-dotted {
+ text-decoration-style: dotted;
+ }
+ .decoration-double {
+ text-decoration-style: double;
+ }
+ .decoration-solid {
+ text-decoration-style: solid;
+ }
+ .decoration-wavy {
+ text-decoration-style: wavy;
+ }
+ .decoration-auto {
+ text-decoration-thickness: auto;
+ }
+ .decoration-from-font {
+ text-decoration-thickness: from-font;
+ }
+ .underline-offset-4 {
+ text-underline-offset: 4px;
+ }
+ .underline-offset-auto {
+ text-underline-offset: auto;
+ }
+ .antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ .subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+ .placeholder-\[\#fbf0df\]\/40 {
+ &::placeholder {
+ color: color-mix(in oklab, #fbf0df 40%, transparent);
+ }
+ }
+ .accent-auto {
+ accent-color: auto;
+ }
+ .scheme-dark {
+ color-scheme: dark;
+ }
+ .scheme-light {
+ color-scheme: light;
+ }
+ .scheme-light-dark {
+ color-scheme: light dark;
+ }
+ .scheme-normal {
+ color-scheme: normal;
+ }
+ .scheme-only-dark {
+ color-scheme: only dark;
+ }
+ .scheme-only-light {
+ color-scheme: only light;
+ }
+ .opacity-0 {
+ opacity: 0%;
+ }
+ .opacity-25 {
+ opacity: 25%;
+ }
+ .opacity-50 {
+ opacity: 50%;
+ }
+ .opacity-75 {
+ opacity: 75%;
+ }
+ .opacity-100 {
+ opacity: 100%;
+ }
+ .mix-blend-plus-darker {
+ mix-blend-mode: plus-darker;
+ }
+ .mix-blend-plus-lighter {
+ mix-blend-mode: plus-lighter;
+ }
+ .shadow {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-lg {
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-md {
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ 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);
+ }
+ .shadow-sm {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xl {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xs {
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .ring {
+ --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);
+ }
+ .ring-2 {
+ --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);
+ }
+ .ring-3 {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+ }
+ .inset-ring {
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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-initial {
+ --tw-shadow-color: initial;
+ }
+ .ring-blue-500 {
+ --tw-ring-color: var(--color-blue-500);
+ }
+ .ring-primary\/20 {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ .inset-shadow-initial {
+ --tw-inset-shadow-color: initial;
+ }
+ .ring-offset-2 {
+ --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);
+ }
+ .ring-offset-white {
+ --tw-ring-offset-color: var(--color-white);
+ }
+ .\!outline-hidden {
+ --tw-outline-style: none !important;
+ outline-style: none !important;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent !important;
+ outline-offset: 2px !important;
+ }
+ }
+ .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,);
+ }
+ .blur-none {
+ --tw-blur: ;
+ 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,);
+ }
+ .drop-shadow {
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
+ 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,);
+ }
+ .drop-shadow-none {
+ --tw-drop-shadow: ;
+ 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,);
+ }
+ .grayscale {
+ --tw-grayscale: grayscale(100%);
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ .invert {
+ --tw-invert: invert(100%);
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ .sepia {
+ --tw-sepia: sepia(100%);
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ .\!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,) !important;
+ }
+ .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 {
+ --tw-backdrop-blur: blur(8px);
+ -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-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-none {
+ --tw-backdrop-blur: ;
+ -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-xs {
+ --tw-backdrop-blur: blur(var(--blur-xs));
+ -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-grayscale {
+ --tw-backdrop-grayscale: grayscale(100%);
+ -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-invert {
+ --tw-backdrop-invert: invert(100%);
+ -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-sepia {
+ --tw-backdrop-sepia: sepia(100%);
+ -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-filter {
+ -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, visibility, 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-\[color\,box-shadow\] {
+ transition-property: color,box-shadow;
+ 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));
+ }
+ .transition-none {
+ transition-property: none;
+ }
+ .transition-discrete {
+ transition-behavior: allow-discrete;
+ }
+ .transition-normal {
+ transition-behavior: normal;
+ }
+ .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;
+ }
+ .ease-in {
+ --tw-ease: var(--ease-in);
+ transition-timing-function: var(--ease-in);
+ }
+ .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-auto {
+ will-change: auto;
+ }
+ .will-change-contents {
+ will-change: contents;
+ }
+ .will-change-scroll {
+ will-change: scroll-position;
+ }
+ .will-change-transform {
+ will-change: transform;
+ }
+ .contain-inline-size {
+ --tw-contain-size: inline-size;
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+ }
+ .contain-layout {
+ --tw-contain-layout: layout;
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+ }
+ .contain-paint {
+ --tw-contain-paint: paint;
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+ }
+ .contain-size {
+ --tw-contain-size: size;
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+ }
+ .contain-style {
+ --tw-contain-style: style;
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+ }
+ .contain-content {
+ contain: content;
+ }
+ .contain-none {
+ contain: none;
+ }
+ .contain-strict {
+ contain: strict;
+ }
+ .content-none {
+ --tw-content: none;
+ content: none;
+ }
+ .forced-color-adjust-auto {
+ forced-color-adjust: auto;
+ }
+ .forced-color-adjust-none {
+ forced-color-adjust: none;
+ }
+ .\!outline-none {
+ --tw-outline-style: none !important;
+ outline-style: none !important;
+ }
+ .outline-dashed {
+ --tw-outline-style: dashed;
+ outline-style: dashed;
+ }
+ .outline-dotted {
+ --tw-outline-style: dotted;
+ outline-style: dotted;
+ }
+ .outline-double {
+ --tw-outline-style: double;
+ outline-style: double;
+ }
+ .outline-none {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ .outline-solid {
+ --tw-outline-style: solid;
+ outline-style: solid;
+ }
+ .select-none {
+ -webkit-user-select: none;
+ user-select: none;
+ }
+ .\[coverage\:report\] {
+ coverage: report;
+ }
+ .\[coverage\:run\] {
+ coverage: run;
+ }
+ .backface-hidden {
+ backface-visibility: hidden;
+ }
+ .backface-visible {
+ backface-visibility: visible;
+ }
+ .divide-x-reverse {
+ :where(& > :not(:last-child)) {
+ --tw-divide-x-reverse: 1;
+ }
+ }
+ .duration-initial {
+ --tw-duration: initial;
+ }
+ .ease-initial {
+ --tw-ease: initial;
+ }
+ .perspective-none {
+ perspective: none;
+ }
+ .perspective-origin-bottom {
+ perspective-origin: bottom;
+ }
+ .perspective-origin-bottom-left {
+ perspective-origin: bottom left;
+ }
+ .perspective-origin-bottom-right {
+ perspective-origin: bottom right;
+ }
+ .perspective-origin-center {
+ perspective-origin: center;
+ }
+ .perspective-origin-left {
+ perspective-origin: left;
+ }
+ .perspective-origin-right {
+ perspective-origin: right;
+ }
+ .perspective-origin-top {
+ perspective-origin: top;
+ }
+ .perspective-origin-top-left {
+ perspective-origin: top left;
+ }
+ .perspective-origin-top-right {
+ perspective-origin: top right;
+ }
+ .ring-inset {
+ --tw-ring-inset: inset;
+ }
+ .text-shadow-initial {
+ --tw-text-shadow-color: initial;
+ }
+ .transform-3d {
+ transform-style: preserve-3d;
+ }
+ .transform-border {
+ transform-box: border-box;
+ }
+ .transform-content {
+ transform-box: content-box;
+ }
+ .transform-fill {
+ transform-box: fill-box;
+ }
+ .transform-flat {
+ transform-style: flat;
+ }
+ .transform-stroke {
+ transform-box: stroke-box;
+ }
+ .transform-view {
+ transform-box: view-box;
+ }
+ .group-hover\:scale-105 {
+ &:is(:where(.group):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);
+ }
+ }
+ }
+ .group-hover\:opacity-100 {
+ &:is(:where(.group):hover *) {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ }
+ .group-data-\[disabled\=true\]\:pointer-events-none {
+ &:is(:where(.group)[data-disabled="true"] *) {
+ pointer-events: none;
+ }
+ }
+ .group-data-\[disabled\=true\]\:opacity-50 {
+ &:is(:where(.group)[data-disabled="true"] *) {
+ opacity: 50%;
+ }
+ }
+ .peer-disabled\:cursor-not-allowed {
+ &:is(:where(.peer):disabled ~ *) {
+ cursor: not-allowed;
+ }
+ }
+ .peer-disabled\:opacity-50 {
+ &:is(:where(.peer):disabled ~ *) {
+ opacity: 50%;
+ }
+ }
+ .selection\:bg-primary {
+ & *::selection {
+ background-color: var(--color-primary);
+ }
+ &::selection {
+ background-color: var(--color-primary);
+ }
+ }
+ .file\:inline-flex {
+ &::file-selector-button {
+ display: inline-flex;
+ }
+ }
+ .file\:h-7 {
+ &::file-selector-button {
+ height: calc(var(--spacing) * 7);
+ }
+ }
+ .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\: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);
+ }
+ }
+ .last\:mb-0 {
+ &:last-child {
+ margin-bottom: calc(var(--spacing) * 0);
+ }
+ }
+ .focus-within\:border-\[\#f3d5a3\] {
+ &:focus-within {
+ border-color: #f3d5a3;
+ }
+ }
+ .hover\:-translate-y-1 {
+ &:hover {
+ @media (hover: hover) {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ .hover\:-translate-y-px {
+ &:hover {
+ @media (hover: hover) {
+ --tw-translate-y: -1px;
+ translate: var(--tw-translate-x) var(--tw-translate-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\:scale-\[1\.02\] {
+ &:hover {
+ @media (hover: hover) {
+ scale: 1.02;
+ }
+ }
+ }
+ .hover\:border-gray-300 {
+ &:hover {
+ @media (hover: hover) {
+ border-color: var(--color-gray-300);
+ }
+ }
+ }
+ .hover\:border-primary\/20 {
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-\[\#f3d5a3\] {
+ &:hover {
+ @media (hover: hover) {
+ background-color: #f3d5a3;
+ }
+ }
+ }
+ .hover\:bg-accent {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-accent);
+ }
+ }
+ }
+ .hover\:bg-blue-100 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-100);
+ }
+ }
+ }
+ .hover\:bg-blue-500 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-500);
+ }
+ }
+ }
+ .hover\:bg-blue-700 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-700);
+ }
+ }
+ }
+ .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-200 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-200);
+ }
+ }
+ }
+ .hover\:bg-gray-300 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-300);
+ }
+ }
+ }
+ .hover\:bg-green-500 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-green-500);
+ }
+ }
+ }
+ .hover\:bg-primary\/10 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-primary\/90 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-red-50 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-red-50);
+ }
+ }
+ }
+ .hover\:bg-red-500 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-red-500);
+ }
+ }
+ }
+ .hover\:bg-red-700 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-red-700);
+ }
+ }
+ }
+ .hover\:bg-secondary\/80 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #e11d48 80%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-white\/20 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #fff 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-yellow-500 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-yellow-500);
+ }
+ }
+ }
+ .hover\:bg-yellow-600 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-yellow-600);
+ }
+ }
+ }
+ .hover\:from-primary\/90 {
+ &:hover {
+ @media (hover: hover) {
+ --tw-gradient-from: color-mix(in srgb, #4f46e5 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-from: color-mix(in oklab, var(--color-primary) 90%, 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));
+ }
+ }
+ }
+ .hover\:to-secondary\/90 {
+ &:hover {
+ @media (hover: hover) {
+ --tw-gradient-to: color-mix(in srgb, #e11d48 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 90%, 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));
+ }
+ }
+ }
+ .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-blue-900 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-blue-900);
+ }
+ }
+ }
+ .hover\:text-gray-300 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-300);
+ }
+ }
+ }
+ .hover\:text-gray-600 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-600);
+ }
+ }
+ }
+ .hover\:text-gray-700 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-700);
+ }
+ }
+ }
+ .hover\:text-gray-900 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-900);
+ }
+ }
+ }
+ .hover\:text-primary {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .hover\:text-primary\/80 {
+ &:hover {
+ @media (hover: hover) {
+ color: color-mix(in srgb, #4f46e5 80%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:text-sky-800 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sky-800);
+ }
+ }
+ }
+ .hover\:underline {
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .hover\:shadow-md {
+ &:hover {
+ @media (hover: hover) {
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ 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-xl {
+ &:hover {
+ @media (hover: hover) {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ }
+ .hover\:ring-2 {
+ &:hover {
+ @media (hover: hover) {
+ --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);
+ }
+ }
+ }
+ .hover\:drop-shadow-\[0_0_2em_\#61dafbaa\] {
+ &:hover {
+ @media (hover: hover) {
+ --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #61dafbaa));
+ --tw-drop-shadow: var(--tw-drop-shadow-size);
+ 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,);
+ }
+ }
+ }
+ .hover\:drop-shadow-\[0_0_2em_\#646cffaa\] {
+ &:hover {
+ @media (hover: hover) {
+ --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #646cffaa));
+ --tw-drop-shadow: var(--tw-drop-shadow-size);
+ 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,);
+ }
+ }
+ }
+ .focus\:border-\[\#f3d5a3\] {
+ &:focus {
+ border-color: #f3d5a3;
+ }
+ }
+ .focus\:border-blue-500 {
+ &:focus {
+ border-color: var(--color-blue-500);
+ }
+ }
+ .focus\:bg-accent {
+ &:focus {
+ background-color: var(--color-accent);
+ }
+ }
+ .focus\:bg-gray-100 {
+ &:focus {
+ background-color: var(--color-gray-100);
+ }
+ }
+ .focus\:text-white {
+ &:focus {
+ color: var(--color-white);
+ }
+ }
+ .focus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ }
+ .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-3 {
+ &:focus {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-500 {
+ &:focus {
+ --tw-ring-color: var(--color-blue-500);
+ }
+ }
+ .focus\:ring-primary\/50 {
+ &:focus {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ }
+ .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\: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-4 {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-primary\/50 {
+ &:focus-visible {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ }
+ .focus-visible\:ring-offset-0 {
+ &:focus-visible {
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ }
+ }
+ .focus-visible\:outline-1 {
+ &:focus-visible {
+ outline-style: var(--tw-outline-style);
+ outline-width: 1px;
+ }
+ }
+ .active\:transform {
+ &:active {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ }
+ .disabled\:pointer-events-none {
+ &:disabled {
+ pointer-events: none;
+ }
+ }
+ .disabled\:cursor-not-allowed {
+ &:disabled {
+ cursor: not-allowed;
+ }
+ }
+ .disabled\:opacity-50 {
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .has-\[\>svg\]\:px-2\.5 {
+ &:has(>svg) {
+ padding-inline: calc(var(--spacing) * 2.5);
+ }
+ }
+ .has-\[\>svg\]\:px-3 {
+ &:has(>svg) {
+ padding-inline: calc(var(--spacing) * 3);
+ }
+ }
+ .has-\[\>svg\]\:px-4 {
+ &:has(>svg) {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ }
+ .aria-invalid\:focus-visible\:ring-0 {
+ &[aria-invalid="true"] {
+ &: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);
+ }
+ }
+ }
+ .aria-invalid\:focus-visible\:ring-\[3px\] {
+ &[aria-invalid="true"] {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+ }
+ }
+ }
+ .aria-invalid\:focus-visible\:outline-none {
+ &[aria-invalid="true"] {
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+ }
+ .data-\[disabled\]\:pointer-events-none {
+ &[data-disabled] {
+ pointer-events: none;
+ }
+ }
+ .data-\[disabled\]\:opacity-50 {
+ &[data-disabled] {
+ opacity: 50%;
+ }
+ }
+ .data-\[side\=bottom\]\:translate-y-1 {
+ &[data-side="bottom"] {
+ --tw-translate-y: calc(var(--spacing) * 1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .data-\[side\=left\]\:-translate-x-1 {
+ &[data-side="left"] {
+ --tw-translate-x: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .data-\[side\=right\]\:translate-x-1 {
+ &[data-side="right"] {
+ --tw-translate-x: calc(var(--spacing) * 1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .data-\[side\=top\]\:-translate-y-1 {
+ &[data-side="top"] {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .\*\:data-\[slot\=select-value\]\:flex {
+ :is(& > *) {
+ &[data-slot="select-value"] {
+ display: flex;
+ }
+ }
+ }
+ .\*\:data-\[slot\=select-value\]\:items-center {
+ :is(& > *) {
+ &[data-slot="select-value"] {
+ align-items: center;
+ }
+ }
+ }
+ .\*\:data-\[slot\=select-value\]\:gap-2 {
+ :is(& > *) {
+ &[data-slot="select-value"] {
+ gap: calc(var(--spacing) * 2);
+ }
+ }
+ }
+ .sm\:col-span-3 {
+ @media (width >= 40rem) {
+ grid-column: span 3 / span 3;
+ }
+ }
+ .sm\:col-span-4 {
+ @media (width >= 40rem) {
+ grid-column: span 4 / span 4;
+ }
+ }
+ .sm\:col-span-9 {
+ @media (width >= 40rem) {
+ grid-column: span 9 / span 9;
+ }
+ }
+ .sm\:mb-16 {
+ @media (width >= 40rem) {
+ margin-bottom: calc(var(--spacing) * 16);
+ }
+ }
+ .sm\:flex {
+ @media (width >= 40rem) {
+ display: flex;
+ }
+ }
+ .sm\:hidden {
+ @media (width >= 40rem) {
+ display: none;
+ }
+ }
+ .sm\:flex-1 {
+ @media (width >= 40rem) {
+ flex: 1;
+ }
+ }
+ .sm\:grid-cols-2 {
+ @media (width >= 40rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .sm\:grid-cols-12 {
+ @media (width >= 40rem) {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ }
+ }
+ .sm\:items-center {
+ @media (width >= 40rem) {
+ align-items: center;
+ }
+ }
+ .sm\:justify-between {
+ @media (width >= 40rem) {
+ justify-content: space-between;
+ }
+ }
+ .sm\:space-x-4 {
+ @media (width >= 40rem) {
+ :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)));
+ }
+ }
+ }
+ .sm\:space-x-6 {
+ @media (width >= 40rem) {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ }
+ .sm\:rounded-lg {
+ @media (width >= 40rem) {
+ border-radius: var(--radius-lg);
+ }
+ }
+ .sm\:p-6 {
+ @media (width >= 40rem) {
+ padding: calc(var(--spacing) * 6);
+ }
+ }
+ .sm\:px-6 {
+ @media (width >= 40rem) {
+ padding-inline: calc(var(--spacing) * 6);
+ }
+ }
+ .md\:col-span-1 {
+ @media (width >= 48rem) {
+ grid-column: span 1 / span 1;
+ }
+ }
+ .md\:col-span-2 {
+ @media (width >= 48rem) {
+ grid-column: span 2 / span 2;
+ }
+ }
+ .md\:col-span-3 {
+ @media (width >= 48rem) {
+ grid-column: span 3 / span 3;
+ }
+ }
+ .md\:mb-8 {
+ @media (width >= 48rem) {
+ margin-bottom: calc(var(--spacing) * 8);
+ }
+ }
+ .md\:block {
+ @media (width >= 48rem) {
+ display: block;
+ }
+ }
+ .md\:grid {
+ @media (width >= 48rem) {
+ display: grid;
+ }
+ }
+ .md\:hidden {
+ @media (width >= 48rem) {
+ display: none;
+ }
+ }
+ .md\:h-\[140px\] {
+ @media (width >= 48rem) {
+ height: 140px;
+ }
+ }
+ .md\:w-48 {
+ @media (width >= 48rem) {
+ width: calc(var(--spacing) * 48);
+ }
+ }
+ .md\:grid-cols-2 {
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .md\:grid-cols-3 {
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ }
+ .md\:grid-cols-4 {
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+ }
+ .md\:flex-row {
+ @media (width >= 48rem) {
+ flex-direction: row;
+ }
+ }
+ .md\:items-center {
+ @media (width >= 48rem) {
+ align-items: center;
+ }
+ }
+ .md\:space-x-3 {
+ @media (width >= 48rem) {
+ :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)));
+ }
+ }
+ }
+ .md\:py-12 {
+ @media (width >= 48rem) {
+ padding-block: calc(var(--spacing) * 12);
+ }
+ }
+ .md\:text-2xl {
+ @media (width >= 48rem) {
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ }
+ }
+ .md\:text-5xl {
+ @media (width >= 48rem) {
+ font-size: var(--text-5xl);
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
+ }
+ }
+ .md\:text-sm {
+ @media (width >= 48rem) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ }
+ .lg\:col-span-1 {
+ @media (width >= 64rem) {
+ grid-column: span 1 / span 1;
+ }
+ }
+ .lg\:col-span-2 {
+ @media (width >= 64rem) {
+ grid-column: span 2 / span 2;
+ }
+ }
+ .lg\:col-span-3 {
+ @media (width >= 64rem) {
+ grid-column: span 3 / span 3;
+ }
+ }
+ .lg\:flex {
+ @media (width >= 64rem) {
+ display: flex;
+ }
+ }
+ .lg\:hidden {
+ @media (width >= 64rem) {
+ display: none;
+ }
+ }
+ .lg\:w-1\/4 {
+ @media (width >= 64rem) {
+ width: calc(1/4 * 100%);
+ }
+ }
+ .lg\:w-3\/4 {
+ @media (width >= 64rem) {
+ width: calc(3/4 * 100%);
+ }
+ }
+ .lg\:grid-cols-2 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .lg\:grid-cols-3 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ }
+ .lg\:grid-cols-4 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+ }
+ .lg\:grid-cols-5 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+ }
+ .lg\:grid-cols-6 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+ }
+ .lg\:flex-row {
+ @media (width >= 64rem) {
+ flex-direction: row;
+ }
+ }
+ .lg\:px-8 {
+ @media (width >= 64rem) {
+ padding-inline: calc(var(--spacing) * 8);
+ }
+ }
+ .lg\:text-3xl {
+ @media (width >= 64rem) {
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ }
+ }
+ .lg\:text-4xl {
+ @media (width >= 64rem) {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+ }
+ .lg\:text-6xl {
+ @media (width >= 64rem) {
+ font-size: var(--text-6xl);
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
+ }
+ }
+ .dark\:border-blue-700\/50 {
+ @media (prefers-color-scheme: dark) {
+ border-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
+ }
+ }
+ }
+ .dark\:border-gray-600 {
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-600);
+ }
+ }
+ .dark\:border-gray-700 {
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-700);
+ }
+ }
+ .dark\:border-gray-700\/50 {
+ @media (prefers-color-scheme: dark) {
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
+ }
+ }
+ }
+ .dark\:bg-blue-400\/30 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
+ }
+ }
+ }
+ .dark\:bg-blue-500 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-blue-500);
+ }
+ }
+ .dark\:bg-blue-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-blue-700);
+ }
+ }
+ .dark\:bg-blue-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-blue-900);
+ }
+ }
+ .dark\:bg-blue-900\/30 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
+ }
+ }
+ }
+ .dark\:bg-blue-900\/40 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
+ }
+ }
+ }
+ .dark\:bg-gray-600 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-600);
+ }
+ }
+ .dark\:bg-gray-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-700);
+ }
+ }
+ .dark\:bg-gray-700\/50 {
+ @media (prefers-color-scheme: dark) {
+ 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);
+ }
+ }
+ }
+ .dark\:bg-gray-800 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-800);
+ }
+ }
+ .dark\:bg-gray-800\/90 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
+ }
+ }
+ }
+ .dark\:bg-gray-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-900);
+ }
+ }
+ .dark\:bg-gray-900\/80 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
+ }
+ }
+ }
+ .dark\:bg-green-200 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-green-200);
+ }
+ }
+ .dark\:bg-green-500 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-green-500);
+ }
+ }
+ .dark\:bg-green-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-green-700);
+ }
+ }
+ .dark\:bg-green-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-green-900);
+ }
+ }
+ .dark\:bg-red-200 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-red-200);
+ }
+ }
+ .dark\:bg-red-500 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-red-500);
+ }
+ }
+ .dark\:bg-red-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-red-700);
+ }
+ }
+ .dark\:bg-red-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-red-900);
+ }
+ }
+ .dark\:bg-red-900\/40 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
+ }
+ }
+ }
+ .dark\:bg-yellow-200 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-yellow-200);
+ }
+ }
+ .dark\:bg-yellow-400\/30 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
+ }
+ }
+ }
+ .dark\:bg-yellow-600 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-yellow-600);
+ }
+ }
+ .dark\:bg-yellow-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-yellow-700);
+ }
+ }
+ .dark\:bg-yellow-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-yellow-900);
+ }
+ }
+ .dark\:bg-yellow-900\/50 {
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-yellow-900) 50%, transparent);
+ }
+ }
+ }
+ .dark\:from-gray-950 {
+ @media (prefers-color-scheme: dark) {
+ --tw-gradient-from: var(--color-gray-950);
+ --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));
+ }
+ }
+ .dark\:via-indigo-950 {
+ @media (prefers-color-scheme: dark) {
+ --tw-gradient-via: var(--color-indigo-950);
+ --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);
+ }
+ }
+ .dark\:to-purple-950 {
+ @media (prefers-color-scheme: dark) {
+ --tw-gradient-to: var(--color-purple-950);
+ --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));
+ }
+ }
+ .dark\:text-blue-50 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-50);
+ }
+ }
+ .dark\:text-blue-100 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-100);
+ }
+ }
+ .dark\:text-blue-200 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-200);
+ }
+ }
+ .dark\:text-blue-300 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-300);
+ }
+ }
+ .dark\:text-blue-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-400);
+ }
+ }
+ .dark\:text-blue-500 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-500);
+ }
+ }
+ .dark\:text-gray-200 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ }
+ .dark\:text-gray-300 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-300);
+ }
+ }
+ .dark\:text-gray-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ .dark\:text-gray-500 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-500);
+ }
+ }
+ .dark\:text-gray-600 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-600);
+ }
+ }
+ .dark\:text-green-200 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-200);
+ }
+ }
+ .dark\:text-green-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-400);
+ }
+ }
+ .dark\:text-green-800 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-800);
+ }
+ }
+ .dark\:text-green-900 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-900);
+ }
+ }
+ .dark\:text-primary {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-primary);
+ }
+ }
+ .dark\:text-red-200 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-200);
+ }
+ }
+ .dark\:text-red-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-400);
+ }
+ }
+ .dark\:text-red-800 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-800);
+ }
+ }
+ .dark\:text-red-900 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-900);
+ }
+ }
+ .dark\:text-sky-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-sky-400);
+ }
+ }
+ .dark\:text-white {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-white);
+ }
+ }
+ .dark\:text-yellow-50 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-50);
+ }
+ }
+ .dark\:text-yellow-200 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-200);
+ }
+ }
+ .dark\:text-yellow-300 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-300);
+ }
+ }
+ .dark\:text-yellow-400 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-400);
+ }
+ }
+ .dark\:text-yellow-800 {
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-800);
+ }
+ }
+ .dark\:ring-1 {
+ @media (prefers-color-scheme: dark) {
+ --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);
+ }
+ }
+ .dark\:ring-blue-400\/30 {
+ @media (prefers-color-scheme: dark) {
+ --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
+ }
+ }
+ }
+ .dark\:ring-yellow-400\/30 {
+ @media (prefers-color-scheme: dark) {
+ --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
+ }
+ }
+ }
+ .dark\:hover\:border-primary\/30 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-blue-500 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-500);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-blue-600 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-600);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-blue-800 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-blue-800);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-blue-900\/40 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-gray-500 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-500);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-gray-600 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-600);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-gray-700 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-700);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-green-600 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-green-600);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-red-600 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-red-600);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-red-900\/20 {
+ @media (prefers-color-scheme: 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-yellow-600 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-yellow-600);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-blue-300 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-blue-300);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-blue-400 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-blue-400);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-gray-200 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-200);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-gray-300 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-gray-300);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-primary {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-sky-300 {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sky-300);
+ }
+ }
+ }
+ }
+ .dark\:hover\:text-white {
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .dark\:focus\:bg-gray-700 {
+ @media (prefers-color-scheme: dark) {
+ &:focus {
+ background-color: var(--color-gray-700);
+ }
+ }
+ }
+ .dark\:aria-invalid\:focus-visible\:ring-4 {
+ @media (prefers-color-scheme: dark) {
+ &[aria-invalid="true"] {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
+ }
+ }
+ }
+ }
+ .\[\&_svg\]\:pointer-events-none {
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .\[\&_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);
+ }
+ }
+ .\*\:\[span\]\:last\:flex {
+ :is(& > *) {
+ &:is(span) {
+ &:last-child {
+ display: flex;
+ }
+ }
+ }
+ }
+ .\*\:\[span\]\:last\:items-center {
+ :is(& > *) {
+ &:is(span) {
+ &:last-child {
+ align-items: center;
+ }
+ }
+ }
+ }
+ .\*\:\[span\]\:last\:gap-2 {
+ :is(& > *) {
+ &:is(span) {
+ &:last-child {
+ gap: calc(var(--spacing) * 2);
+ }
+ }
+ }
+ }
+ .\[\&\>span\]\:line-clamp-1 {
+ &>span {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ }
+ }
}
-
-.menu-item:first-child {
- border-top-left-radius: 0.5rem;
- border-top-right-radius: 0.5rem;
-}
-
-.menu-item:last-child {
- border-bottom-right-radius: 0.5rem;
- border-bottom-left-radius: 0.5rem;
-}
-
-.menu-item:hover {
- background-color: rgb(79 70 229 / 0.1);
- --tw-text-opacity: 1;
- color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-.menu-item:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
-.menu-item:hover:is(.dark *) {
- background-color: rgb(79 70 229 / 0.2);
- --tw-text-opacity: 1;
- color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-.menu-item i {
- margin-right: 0.75rem;
- font-size: 1rem;
- line-height: 1.5rem;
- --tw-text-opacity: 1;
- color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-
-.menu-item i:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
-/* Form Components */
-
-.form-input {
- width: 100%;
- border-radius: 0.5rem;
- border-width: 1px;
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- background-color: rgb(255 255 255 / 0.7);
- padding-left: 1rem;
- padding-right: 1rem;
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- --tw-text-opacity: 1;
- color: rgb(17 24 39 / var(--tw-text-opacity));
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- --tw-backdrop-blur: blur(4px);
- -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-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.form-input:focus {
- --tw-border-opacity: 1;
- border-color: rgb(79 70 229 / var(--tw-border-opacity));
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
- --tw-ring-color: rgb(79 70 229 / 0.5);
-}
-
-.form-input:is(.dark *) {
- --tw-border-opacity: 1;
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
- background-color: rgb(31 41 55 / 0.7);
- --tw-text-opacity: 1;
- color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.form-label {
- margin-bottom: 0.375rem;
- display: block;
- font-size: 0.875rem;
- line-height: 1.25rem;
- font-weight: 500;
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
-}
-
-.form-label:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
-.form-error {
- margin-top: 0.5rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- --tw-text-opacity: 1;
- color: rgb(220 38 38 / var(--tw-text-opacity));
-}
-
-.form-error:is(.dark *) {
- --tw-text-opacity: 1;
- color: rgb(248 113 113 / var(--tw-text-opacity));
-}
-
-/* Status Badges */
-
-.status-badge {
- display: inline-flex;
- align-items: center;
- border-radius: 9999px;
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- padding-top: 0.25rem;
- padding-bottom: 0.25rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- font-weight: 500;
-}
-
-.status-operating {
- --tw-bg-opacity: 1;
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(22 101 52 / var(--tw-text-opacity));
-}
-
-.status-operating:is(.dark *) {
- --tw-bg-opacity: 1;
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(240 253 244 / var(--tw-text-opacity));
-}
-
-.status-closed {
- --tw-bg-opacity: 1;
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(153 27 27 / var(--tw-text-opacity));
-}
-
-.status-closed:is(.dark *) {
- --tw-bg-opacity: 1;
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(254 242 242 / var(--tw-text-opacity));
-}
-
-.status-construction {
- --tw-bg-opacity: 1;
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(133 77 14 / var(--tw-text-opacity));
-}
-
-.status-construction:is(.dark *) {
- --tw-bg-opacity: 1;
- background-color: rgb(202 138 4 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(254 252 232 / var(--tw-text-opacity));
-}
-
-/* Auth Components */
-
-.auth-card {
- margin-left: auto;
- margin-right: auto;
- width: 100%;
- max-width: 28rem;
- border-radius: 1rem;
- border-width: 1px;
- border-color: rgb(229 231 235 / 0.5);
- background-color: rgb(255 255 255 / 0.9);
- padding: 2rem;
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- --tw-backdrop-blur: blur(4px);
- -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);
-}
-
-.auth-card:is(.dark *) {
- border-color: rgb(55 65 81 / 0.5);
- background-color: rgb(31 41 55 / 0.9);
-}
-
-.auth-title {
- margin-bottom: 2rem;
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
- --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
- --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
- --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
- -webkit-background-clip: text;
- background-clip: text;
- text-align: center;
- font-size: 1.5rem;
- line-height: 2rem;
- font-weight: 700;
- color: transparent;
-}
-
-.auth-divider {
- position: relative;
- margin-top: 1.5rem;
- margin-bottom: 1.5rem;
- text-align: center;
-}
-
-.auth-divider::before,
- .auth-divider::after {
- position: absolute;
- top: 50%;
- width: 33.333333%;
- border-top-width: 1px;
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- --tw-content: '';
- content: var(--tw-content);
-}
-
-.auth-divider:is(.dark *)::before,
- .auth-divider:is(.dark *)::after {
- --tw-border-opacity: 1;
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
-}
-
-.auth-divider::before {
- left: 0px;
-}
-
-.auth-divider::after {
- right: 0px;
-}
-
-.auth-divider span {
- background-color: rgb(255 255 255 / 0.9);
- padding-left: 1rem;
- padding-right: 1rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- --tw-text-opacity: 1;
- color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-
-.auth-divider span:is(.dark *) {
- background-color: rgb(31 41 55 / 0.9);
- --tw-text-opacity: 1;
- color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
-/* Social Login Buttons */
-
-.btn-social {
- margin-bottom: 0.75rem;
- display: flex;
- width: 100%;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- align-items: center;
- justify-content: center;
- border-radius: 0.5rem;
- border-width: 1px;
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- font-size: 0.875rem;
- line-height: 1.25rem;
- font-weight: 500;
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.btn-social:hover {
- --tw-scale-x: 1.02;
- --tw-scale-y: 1.02;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- --tw-bg-opacity: 1;
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
-
-.btn-social:focus {
- outline: 2px solid transparent;
- outline-offset: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
- --tw-ring-color: rgb(79 70 229 / 0.5);
- --tw-ring-offset-width: 2px;
-}
-
-.btn-social:is(.dark *) {
- --tw-border-opacity: 1;
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
-.btn-social:hover:is(.dark *) {
- --tw-bg-opacity: 1;
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-}
-
-.btn-discord {
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- --tw-shadow-color: rgb(229 231 235 / 0.5);
- --tw-shadow: var(--tw-shadow-colored);
-}
-
-.btn-discord:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
-
-.btn-discord:is(.dark *) {
- --tw-shadow-color: rgb(17 24 39 / 0.5);
- --tw-shadow: var(--tw-shadow-colored);
-}
-
-.btn-google {
- --tw-border-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- --tw-shadow-color: rgb(229 231 235 / 0.5);
- --tw-shadow: var(--tw-shadow-colored);
-}
-
-.btn-google:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
-
-.btn-google:is(.dark *) {
- --tw-shadow-color: rgb(17 24 39 / 0.5);
- --tw-shadow: var(--tw-shadow-colored);
-}
-
-/* Alert Components */
-
-.alert {
- margin-bottom: 1rem;
- border-radius: 0.75rem;
- padding: 1rem;
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- --tw-backdrop-blur: blur(4px);
- -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);
-}
-
-.alert-error {
- border-width: 1px;
- --tw-border-opacity: 1;
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
- background-color: rgb(254 226 226 / 0.9);
- --tw-text-opacity: 1;
- color: rgb(153 27 27 / var(--tw-text-opacity));
-}
-
-.alert-error:is(.dark *) {
- --tw-border-opacity: 1;
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
- background-color: rgb(153 27 27 / 0.3);
- --tw-text-opacity: 1;
- color: rgb(254 226 226 / var(--tw-text-opacity));
-}
-
-/* Layout Components */
-
-.card {
- border-radius: 0.5rem;
- border-width: 1px;
- border-color: rgb(229 231 235 / 0.5);
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- padding: 1.5rem;
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.card:is(.dark *) {
- border-color: rgb(55 65 81 / 0.5);
- --tw-bg-opacity: 1;
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
-
-/* Adaptive Grid System - White Space Solutions */
-
-.grid-adaptive {
- display: grid;
- gap: 1.5rem;
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-}
-
-.grid-adaptive-sm {
- display: grid;
- gap: 1rem;
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-}
-
-/* Stats Grid - Always Even Layout */
-
-.grid-stats {
- display: grid;
- gap: 1rem;
- /* Default: Force 2+3 layout for small screens */
- grid-template-columns: repeat(2, 1fr);
-}
-
-/* Enhanced Responsive Grid */
-
-/* Tablet-specific optimizations for 768px breakpoint */
-
-@media (min-width: 768px) and (max-width: 1023px) {
+@layer components {
+ .btn-primary {
+ display: inline-flex;
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ align-items: center;
+ border-radius: calc(infinity * 1px);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ --tw-gradient-position: to right in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ --tw-gradient-from: var(--color-primary);
+ --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));
+ --tw-gradient-to: var(--color-secondary);
+ --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));
+ padding-inline: calc(var(--spacing) * 6);
+ padding-block: calc(var(--spacing) * 2.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-white);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &: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 {
+ @media (hover: hover) {
+ --tw-gradient-from: color-mix(in srgb, #4f46e5 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-from: color-mix(in oklab, var(--color-primary) 90%, 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));
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-gradient-to: color-mix(in srgb, #e11d48 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 90%, 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));
+ }
+ }
+ &:focus {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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 {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ &: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 {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+ .btn-secondary {
+ display: inline-flex;
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ align-items: center;
+ border-radius: calc(infinity * 1px);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-gray-200);
+ background-color: var(--color-white);
+ padding-inline: calc(var(--spacing) * 6);
+ padding-block: calc(var(--spacing) * 2.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-gray-700);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &: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 {
+ @media (hover: hover) {
+ background-color: var(--color-gray-50);
+ }
+ }
+ &:focus {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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 {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ &: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 {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-800);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-700);
+ }
+ }
+ }
+ }
+ #mobileMenu {
+ max-height: calc(var(--spacing) * 0);
+ overflow: hidden;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ #mobileMenu.show {
+ max-height: 300px;
+ opacity: 100%;
+ }
+ #mobileMenu .space-y-4 {
+ padding-bottom: calc(var(--spacing) * 6);
+ }
+ .mobile-nav-link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--radius-lg);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ padding-inline: calc(var(--spacing) * 6);
+ padding-block: calc(var(--spacing) * 3);
+ color: var(--color-gray-700);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+ }
+ }
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .mobile-nav-link i {
+ font-size: var(--text-xl);
+ line-height: var(--tw-leading, var(--text-xl--line-height));
+ 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));
+ }
+ @media (max-width: 540px) {
+ .mobile-nav-link i {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ }
+ .mobile-nav-link.primary {
+ --tw-gradient-position: to right in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ --tw-gradient-from: var(--color-primary);
+ --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));
+ --tw-gradient-to: var(--color-secondary);
+ --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));
+ color: var(--color-white);
+ &:hover {
+ @media (hover: hover) {
+ --tw-gradient-from: color-mix(in srgb, #4f46e5 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-from: color-mix(in oklab, var(--color-primary) 90%, 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));
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-gradient-to: color-mix(in srgb, #e11d48 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 90%, 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));
+ }
+ }
+ }
+ .mobile-nav-link.primary i {
+ margin-right: calc(var(--spacing) * 3);
+ color: var(--color-white);
+ }
+ .mobile-nav-link.secondary {
+ background-color: var(--color-gray-100);
+ color: var(--color-gray-700);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-200);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-300);
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-600);
+ }
+ }
+ }
+ }
+ .mobile-nav-link.secondary i {
+ margin-right: calc(var(--spacing) * 3);
+ color: var(--color-gray-500);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ #theme-toggle+.theme-toggle-btn i::before {
+ content: "\f186";
+ font-family: "Font Awesome 5 Free";
+ font-weight: 900;
+ }
+ #theme-toggle:checked+.theme-toggle-btn i::before {
+ content: "\f185";
+ color: var(--color-yellow-400);
+ }
+ .nav-link {
+ display: flex;
+ align-items: center;
+ color: var(--color-gray-700);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ }
+ @media (max-width: 540px) {
+ .nav-link {
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .nav-link i {
+ margin-right: calc(var(--spacing) * 1);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ .nav-link span {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .site-logo {
+ padding-inline: calc(var(--spacing) * 1);
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ .nav-container {
+ padding-inline: calc(var(--spacing) * 2);
+ }
+ }
+ @media (min-width: 541px) and (max-width: 767px) {
+ .nav-link {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ }
+ .nav-link i {
+ margin-right: calc(var(--spacing) * 2);
+ }
+ .site-logo {
+ padding-inline: calc(var(--spacing) * 2);
+ font-size: var(--text-xl);
+ line-height: var(--tw-leading, var(--text-xl--line-height));
+ }
+ .nav-container {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ }
+ @media (min-width: 768px) {
+ .nav-link {
+ border-radius: var(--radius-lg);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ padding-inline: calc(var(--spacing) * 6);
+ padding-block: calc(var(--spacing) * 2.5);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ border-color: color-mix(in srgb, #4f46e5 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .nav-link i {
+ margin-right: calc(var(--spacing) * 3);
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ .site-logo {
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ }
+ .nav-container {
+ padding-inline: calc(var(--spacing) * 6);
+ }
+ }
+ .nav-link:hover {
+ background-color: color-mix(in srgb, #4f46e5 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ color: var(--color-primary);
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-primary);
+ }
+ }
+ .nav-link i {
+ color: var(--color-gray-500);
+ 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));
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ .nav-link:hover i {
+ color: var(--color-primary);
+ }
+ @media (min-width: 1024px) {
+ #mobileMenu {
+ display: none !important;
+ }
+ }
+ .menu-item {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-gray-700);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:first-child {
+ border-top-left-radius: var(--radius-lg);
+ border-top-right-radius: var(--radius-lg);
+ }
+ &:last-child {
+ border-bottom-right-radius: var(--radius-lg);
+ border-bottom-left-radius: var(--radius-lg);
+ }
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: color-mix(in srgb, #4f46e5 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .menu-item i {
+ margin-right: calc(var(--spacing) * 3);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ color: var(--color-gray-500);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ .form-input {
+ width: 100%;
+ border-radius: var(--radius-lg);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-gray-200);
+ background-color: color-mix(in srgb, #fff 70%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3);
+ color: var(--color-gray-900);
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-backdrop-blur: blur(var(--blur-xs));
+ -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-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus {
+ border-color: var(--color-primary);
+ }
+ &:focus {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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 {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 70%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-white);
+ }
+ }
+ .form-label {
+ margin-bottom: calc(var(--spacing) * 1.5);
+ display: block;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-gray-700);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-300);
+ }
+ }
+ .form-hint {
+ margin-top: calc(var(--spacing) * 2);
+ :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)));
+ }
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-gray-500);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ .form-error {
+ margin-top: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-red-600);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-400);
+ }
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ border-radius: calc(infinity * 1px);
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .status-operating {
+ background-color: var(--color-green-100);
+ color: var(--color-green-800);
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-green-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-50);
+ }
+ }
+ .status-closed {
+ background-color: var(--color-red-100);
+ color: var(--color-red-800);
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-red-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-50);
+ }
+ }
+ .status-construction {
+ background-color: var(--color-yellow-100);
+ color: var(--color-yellow-800);
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-yellow-600);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-50);
+ }
+ }
+ .auth-card {
+ margin-inline: auto;
+ width: 100%;
+ max-width: var(--container-md);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
+ }
+ background-color: color-mix(in srgb, #fff 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+ }
+ padding: calc(var(--spacing) * 8);
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-backdrop-blur: blur(var(--blur-xs));
+ -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,);
+ @media (prefers-color-scheme: dark) {
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
+ }
+ }
+ }
+ .auth-title {
+ margin-bottom: calc(var(--spacing) * 8);
+ --tw-gradient-position: to right in oklab;
+ background-image: linear-gradient(var(--tw-gradient-stops));
+ --tw-gradient-from: var(--color-primary);
+ --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));
+ --tw-gradient-to: var(--color-secondary);
+ --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));
+ background-clip: text;
+ text-align: center;
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ color: transparent;
+ }
+ .auth-divider {
+ position: relative;
+ margin-block: calc(var(--spacing) * 6);
+ text-align: center;
+ }
+ .auth-divider::before, .auth-divider::after {
+ position: absolute;
+ top: calc(1/2 * 100%);
+ width: calc(1/3 * 100%);
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ border-color: var(--color-gray-200);
+ --tw-content: '';
+ content: var(--tw-content);
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-700);
+ }
+ }
+ .auth-divider::before {
+ left: calc(var(--spacing) * 0);
+ }
+ .auth-divider::after {
+ right: calc(var(--spacing) * 0);
+ }
+ .auth-divider span {
+ background-color: color-mix(in srgb, #fff 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-gray-500);
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-400);
+ }
+ }
+ .btn-social {
+ margin-bottom: calc(var(--spacing) * 3);
+ display: flex;
+ width: 100%;
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--radius-lg);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-gray-200);
+ background-color: var(--color-white);
+ padding-inline: calc(var(--spacing) * 6);
+ padding-block: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-gray-700);
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ scale: 1.02;
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-50);
+ }
+ }
+ &:focus {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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 {
+ --tw-ring-color: color-mix(in srgb, #4f46e5 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
+ }
+ }
+ &: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 {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-gray-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-800);
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-200);
+ }
+ @media (prefers-color-scheme: dark) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-700);
+ }
+ }
+ }
+ }
+ .btn-discord {
+ border-color: var(--color-gray-200);
+ background-color: var(--color-white);
+ color: var(--color-gray-700);
+ --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
+ }
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-50);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
+ }
+ }
+ }
+ .btn-google {
+ border-color: var(--color-gray-200);
+ background-color: var(--color-white);
+ color: var(--color-gray-700);
+ --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
+ }
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-50);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
+ }
+ }
+ }
+ .alert {
+ margin-bottom: calc(var(--spacing) * 4);
+ border-radius: var(--radius-xl);
+ padding: calc(var(--spacing) * 4);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-backdrop-blur: blur(var(--blur-xs));
+ -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,);
+ }
+ .alert-success {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-green-200);
+ background-color: color-mix(in srgb, oklch(96.2% 0.044 156.743) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-green-100) 90%, transparent);
+ }
+ color: var(--color-green-800);
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-green-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-green-800) 30%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-green-100);
+ }
+ }
+ .alert-error {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-red-200);
+ background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-red-100) 90%, transparent);
+ }
+ color: var(--color-red-800);
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-red-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-red-800) 30%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-red-100);
+ }
+ }
+ .alert-warning {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-yellow-200);
+ background-color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-yellow-100) 90%, transparent);
+ }
+ color: var(--color-yellow-800);
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-yellow-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(47.6% 0.114 61.907) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-yellow-800) 30%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-yellow-100);
+ }
+ }
+ .alert-info {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-blue-200);
+ background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 90%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-100) 90%, transparent);
+ }
+ color: var(--color-blue-800);
+ @media (prefers-color-scheme: dark) {
+ border-color: var(--color-blue-700);
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-800) 30%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-blue-100);
+ }
+ }
+ .card {
+ border-radius: var(--radius-lg);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
+ }
+ background-color: var(--color-white);
+ padding: calc(var(--spacing) * 6);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ @media (prefers-color-scheme: dark) {
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-gray-800);
+ }
+ }
+ .card-hover {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ 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));
+ &:hover {
+ @media (hover: hover) {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ .grid-cards {
+ display: grid;
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ gap: calc(var(--spacing) * 6);
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ }
+ .grid-adaptive {
+ display: grid;
+ gap: calc(var(--spacing) * 6);
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+ }
.grid-adaptive-sm {
- grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+ display: grid;
+ gap: calc(var(--spacing) * 4);
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
-
- /* Force 2+3 even layout for tablets */
-
- .grid-stats {
- grid-template-columns: repeat(2, 1fr);
- }
-
- .grid-adaptive {
- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
- }
-}
-
-/* Content-aware grid adjustments */
-
-@media (min-width: 1024px) and (max-width: 1279px) {
- .grid-adaptive {
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
- }
-
.grid-adaptive-lg {
- grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
- }
-
- /* Force 3+2 even layout for intermediate sizes */
-
- .grid-stats {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-
-@media (min-width: 1280px) {
- .grid-adaptive {
+ display: grid;
+ gap: calc(var(--spacing) * 8);
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
-
- .grid-adaptive-lg {
- grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
- }
-
- /* Force 5-column even layout for large screens */
-
.grid-stats {
- grid-template-columns: repeat(5, 1fr);
+ display: grid;
+ gap: calc(var(--spacing) * 4);
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .grid-stats-wide {
+ display: grid;
+ gap: calc(var(--spacing) * 4);
+ grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+ }
+ .grid-responsive {
+ display: grid;
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ gap: calc(var(--spacing) * 6);
+ @media (width >= 40rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+ @media (width >= 80rem) {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+ @media (width >= 96rem) {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+ }
+ .grid-responsive-cards {
+ display: grid;
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ gap: calc(var(--spacing) * 6);
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ @media (width >= 80rem) {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+ @media (width >= 96rem) {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+ }
+ @media (min-width: 768px) and (max-width: 1023px) {
+ .grid-adaptive-sm {
+ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+ }
+ .grid-stats {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .grid-adaptive {
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+ }
+ }
+ @media (min-width: 1024px) and (max-width: 1279px) {
+ .grid-adaptive {
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ .grid-adaptive-lg {
+ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+ }
+ .grid-stats {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ }
+ @media (min-width: 1280px) {
+ .grid-adaptive {
+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+ }
+ .grid-adaptive-lg {
+ grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
+ }
+ .grid-stats {
+ grid-template-columns: repeat(5, 1fr);
+ }
}
-}
-
-/* Priority Card - Operator/Owner Full-Width Responsive Behavior */
-
-.card-stats-priority {
- /* Full width by default (small screens) */
- grid-column: 1 / -1;
-}
-
-/* Medium screens - still full width for emphasis */
-
-@media (min-width: 768px) and (max-width: 1023px) {
.card-stats-priority {
grid-column: 1 / -1;
}
-}
-
-/* Large screens - normal grid behavior */
-
-@media (min-width: 1024px) {
- .card-stats-priority {
- grid-column: auto;
+ @media (min-width: 768px) and (max-width: 1023px) {
+ .card-stats-priority {
+ grid-column: 1 / -1;
+ }
}
-}
-
-@media (min-width: 1536px) {
- .grid-adaptive {
- grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+ @media (min-width: 1024px) {
+ .card-stats-priority {
+ grid-column: auto;
+ }
}
-
- .grid-adaptive-lg {
- grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+ @media (min-width: 1536px) {
+ .grid-adaptive {
+ grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+ }
+ .grid-adaptive-lg {
+ grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+ }
+ }
+ .heading-1 {
+ margin-bottom: calc(var(--spacing) * 6);
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ color: var(--color-gray-900);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-white);
+ }
+ }
+ .heading-2 {
+ margin-bottom: calc(var(--spacing) * 4);
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ color: var(--color-gray-900);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-white);
+ }
+ }
+ .text-body {
+ color: var(--color-gray-600);
+ @media (prefers-color-scheme: dark) {
+ color: var(--color-gray-300);
+ }
+ }
+ .turnstile {
+ margin-block: calc(var(--spacing) * 4);
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-}
-
-/* Typography */
-
-/* Turnstile Widget */
-
-.turnstile {
- margin-top: 1rem;
- margin-bottom: 1rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-/* Layout Optimization - Phase 1 Critical Fixes */
-
-/* Optimized Padding System */
-
-.p-compact {
- padding: 1.25rem;
- /* 20px - replaces excessive p-6 (24px) */
-}
-
-.p-optimized {
- padding: 1rem;
- /* 16px - replaces p-6 (24px) for 33% reduction */
-}
-
-/* Consistent Card Heights */
-
-.card-stats {
- min-height: 80px;
-}
-
-/* Mobile Responsive Padding Adjustments */
-
-@media (max-width: 768px) {
.p-compact {
- padding: 1rem;
- /* 16px on mobile */
+ padding: calc(var(--spacing) * 5);
}
-
.p-optimized {
- padding: 0.875rem;
- /* 14px on mobile */
+ padding: calc(var(--spacing) * 4);
}
-
.p-minimal {
- padding: 0.625rem;
- /* 10px on mobile */
+ padding: calc(var(--spacing) * 3);
}
-
.card-standard {
- min-height: 100px;
+ min-height: 120px;
}
-
.card-large {
- min-height: 160px;
+ min-height: 200px;
}
-
.card-stats {
min-height: 80px;
}
-}
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border-width: 0;
-}
-
-.visible {
- visibility: visible;
-}
-
-.static {
- position: static;
-}
-
-.fixed {
- position: fixed;
-}
-
-.absolute {
- position: absolute;
-}
-
-.relative {
- position: relative;
-}
-
-.sticky {
- position: sticky;
-}
-
-.inset-0 {
- inset: 0px;
-}
-
-.bottom-0 {
- bottom: 0px;
-}
-
-.bottom-4 {
- bottom: 1rem;
-}
-
-.left-0 {
- left: 0px;
-}
-
-.right-0 {
- right: 0px;
-}
-
-.right-4 {
- right: 1rem;
-}
-
-.top-0 {
- top: 0px;
-}
-
-.top-4 {
- top: 1rem;
-}
-
-.z-20 {
- z-index: 20;
-}
-
-.z-40 {
- z-index: 40;
-}
-
-.z-50 {
- z-index: 50;
-}
-
-.z-\[60\] {
- z-index: 60;
-}
-
-.col-span-2 {
- grid-column: span 2 / span 2;
-}
-
-.col-span-3 {
- grid-column: span 3 / span 3;
-}
-
-.col-span-full {
- grid-column: 1 / -1;
-}
-
-.-mx-1\.5 {
- margin-left: -0.375rem;
- margin-right: -0.375rem;
-}
-
-.-my-1\.5 {
- margin-top: -0.375rem;
- margin-bottom: -0.375rem;
-}
-
-.mx-1 {
- margin-left: 0.25rem;
- margin-right: 0.25rem;
-}
-
-.mx-2 {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-.mx-4 {
- margin-left: 1rem;
- margin-right: 1rem;
-}
-
-.mx-8 {
- margin-left: 2rem;
- margin-right: 2rem;
-}
-
-.mx-auto {
- margin-left: auto;
- margin-right: auto;
-}
-
-.my-auto {
- margin-top: auto;
- margin-bottom: auto;
-}
-
-.-mb-px {
- margin-bottom: -1px;
-}
-
-.mb-1 {
- margin-bottom: 0.25rem;
-}
-
-.mb-10 {
- margin-bottom: 2.5rem;
-}
-
-.mb-12 {
- margin-bottom: 3rem;
-}
-
-.mb-2 {
- margin-bottom: 0.5rem;
-}
-
-.mb-3 {
- margin-bottom: 0.75rem;
-}
-
-.mb-4 {
- margin-bottom: 1rem;
-}
-
-.mb-6 {
- margin-bottom: 1.5rem;
-}
-
-.mb-8 {
- margin-bottom: 2rem;
-}
-
-.ml-1 {
- margin-left: 0.25rem;
-}
-
-.ml-1\.5 {
- margin-left: 0.375rem;
-}
-
-.ml-2 {
- margin-left: 0.5rem;
-}
-
-.ml-3 {
- margin-left: 0.75rem;
-}
-
-.ml-6 {
- margin-left: 1.5rem;
-}
-
-.ml-auto {
- margin-left: auto;
-}
-
-.mr-1 {
- margin-right: 0.25rem;
-}
-
-.mr-1\.5 {
- margin-right: 0.375rem;
-}
-
-.mr-2 {
- margin-right: 0.5rem;
-}
-
-.mr-2\.5 {
- margin-right: 0.625rem;
-}
-
-.mr-3 {
- margin-right: 0.75rem;
-}
-
-.mr-4 {
- margin-right: 1rem;
-}
-
-.mt-1 {
- margin-top: 0.25rem;
-}
-
-.mt-1\.5 {
- margin-top: 0.375rem;
-}
-
-.mt-2 {
- margin-top: 0.5rem;
-}
-
-.mt-3 {
- margin-top: 0.75rem;
-}
-
-.mt-4 {
- margin-top: 1rem;
-}
-
-.mt-6 {
- margin-top: 1.5rem;
-}
-
-.mt-8 {
- margin-top: 2rem;
-}
-
-.mt-auto {
- margin-top: auto;
-}
-
-.block {
- display: block;
-}
-
-.inline-block {
- display: inline-block;
-}
-
-.flex {
- display: flex;
-}
-
-.inline-flex {
- display: inline-flex;
-}
-
-.table {
- display: table;
-}
-
-.grid {
- display: grid;
-}
-
-.hidden {
- display: none;
-}
-
-.h-10 {
- height: 2.5rem;
-}
-
-.h-16 {
- height: 4rem;
-}
-
-.h-2 {
- height: 0.5rem;
-}
-
-.h-2\.5 {
- height: 0.625rem;
-}
-
-.h-24 {
- height: 6rem;
-}
-
-.h-4 {
- height: 1rem;
-}
-
-.h-48 {
- height: 12rem;
-}
-
-.h-5 {
- height: 1.25rem;
-}
-
-.h-6 {
- height: 1.5rem;
-}
-
-.h-8 {
- height: 2rem;
-}
-
-.h-\[300px\] {
- height: 300px;
-}
-
-.h-full {
- height: 100%;
-}
-
-.max-h-60 {
- max-height: 15rem;
-}
-
-.max-h-\[90vh\] {
- max-height: 90vh;
-}
-
-.min-h-screen {
- min-height: 100vh;
-}
-
-.w-16 {
- width: 4rem;
-}
-
-.w-24 {
- width: 6rem;
-}
-
-.w-32 {
- width: 8rem;
-}
-
-.w-4 {
- width: 1rem;
-}
-
-.w-5 {
- width: 1.25rem;
-}
-
-.w-6 {
- width: 1.5rem;
-}
-
-.w-64 {
- width: 16rem;
-}
-
-.w-8 {
- width: 2rem;
-}
-
-.w-auto {
- width: auto;
-}
-
-.w-fit {
- width: -moz-fit-content;
- width: fit-content;
-}
-
-.w-full {
- width: 100%;
-}
-
-.min-w-\[200px\] {
- min-width: 200px;
-}
-
-.max-w-2xl {
- max-width: 42rem;
-}
-
-.max-w-3xl {
- max-width: 48rem;
-}
-
-.max-w-4xl {
- max-width: 56rem;
-}
-
-.max-w-6xl {
- max-width: 72rem;
-}
-
-.max-w-7xl {
- max-width: 80rem;
-}
-
-.max-w-\[800px\] {
- max-width: 800px;
-}
-
-.max-w-lg {
- max-width: 32rem;
-}
-
-.max-w-md {
- max-width: 28rem;
-}
-
-.max-w-none {
- max-width: none;
-}
-
-.max-w-xs {
- max-width: 20rem;
-}
-
-.flex-1 {
- flex: 1 1 0%;
-}
-
-.flex-shrink-0 {
- flex-shrink: 0;
-}
-
-.flex-grow {
- flex-grow: 1;
-}
-
-.-translate-y-2 {
- --tw-translate-y: -0.5rem;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.-translate-y-full {
- --tw-translate-y: -100%;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-y-0 {
- --tw-translate-y: 0px;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-y-full {
- --tw-translate-y: 100%;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.scale-100 {
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.scale-95 {
- --tw-scale-x: .95;
- --tw-scale-y: .95;
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.transform {
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-@keyframes pulse {
- 50% {
- opacity: .5;
+ @media (max-width: 768px) {
+ .p-compact {
+ padding: calc(var(--spacing) * 4);
+ }
+ .p-optimized {
+ padding: calc(var(--spacing) * 3.5);
+ }
+ .p-minimal {
+ padding: calc(var(--spacing) * 2.5);
+ }
+ .card-standard {
+ min-height: 100px;
+ }
+ .card-large {
+ min-height: 160px;
+ }
+ .card-stats {
+ min-height: 80px;
+ }
}
}
-
-.animate-pulse {
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+@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-pan-x {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-pan-y {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-pinch-zoom {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-scroll-snap-strictness {
+ syntax: "*";
+ inherits: false;
+ initial-value: proximity;
+}
+@property --tw-space-y-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-space-x-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-border-style {
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-gradient-position {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-gradient-from {
+ syntax: "
- {% if ride.photos.exists %}
- 
- {% endif %}
-
-
- {% empty %}
-
- {% endif %}
-
-
-
- - {{ ride.name }} -
- -
- {{ ride.get_category_display }} at
-
- {{ ride.park.name }}
-
-
-
- {% if ride.manufacturer %}
-
- Built by {{ ride.manufacturer.name }}
-
- {% endif %}
-
-
-
- {{ ride.get_status_display }}
-
-
- {% if ride.opening_date %}
-
- Opened {{ ride.opening_date|date:"Y" }}
-
- {% endif %}
-
- {% if ride.average_rating %}
-
- {{ ride.average_rating }} ★
-
- {% endif %}
-
-
- No rides found matching your criteria
-
- {% endfor %}
-
{% trans "Forgot Password?" %}
diff --git a/templates/account/partials/login_modal.html b/templates/account/partials/login_modal.html
index 5b536172..ed8f350d 100644
--- a/templates/account/partials/login_modal.html
+++ b/templates/account/partials/login_modal.html
@@ -4,7 +4,7 @@
@@ -60,7 +60,7 @@
{% trans "Don't have an account?" %}
{% trans "Sign up" %}
diff --git a/templates/account/partials/signup_modal.html b/templates/account/partials/signup_modal.html
index ba2cd68d..a404e05d 100644
--- a/templates/account/partials/signup_modal.html
+++ b/templates/account/partials/signup_modal.html
@@ -5,7 +5,7 @@
diff --git a/templates/accounts/settings.html b/templates/accounts/settings.html
index 1031b726..a41fb106 100644
--- a/templates/accounts/settings.html
+++ b/templates/accounts/settings.html
@@ -16,7 +16,7 @@
@@ -186,7 +186,7 @@
{% trans "Already have an account?" %}
{% trans "Sign in" %}
diff --git a/templates/account/signup.html b/templates/account/signup.html
index ba5bbbfd..edd90003 100644
--- a/templates/account/signup.html
+++ b/templates/account/signup.html
@@ -165,7 +165,7 @@
{% trans "Already have an account?" %}
{% trans "Sign in" %}
diff --git a/templates/accounts/email_required.html b/templates/accounts/email_required.html
index ee4a72dc..e3606d81 100644
--- a/templates/accounts/email_required.html
+++ b/templates/accounts/email_required.html
@@ -20,11 +20,11 @@
+ class="mt-1 block w-full rounded-md border-gray-300 shadow-xs focus:border-blue-500 focus:ring-blue-500">
diff --git a/templates/accounts/profile.html b/templates/accounts/profile.html
index 36de5fab..541f292c 100644
--- a/templates/accounts/profile.html
+++ b/templates/accounts/profile.html
@@ -109,13 +109,13 @@
Recent Reviews
- {% for review in recent_reviews %}
+ {% for review in park_reviews %}
- {% empty %}
-
{{ review.title }}
- {{ review.content_object.name }} + {{ review.park.name }}
@@ -124,9 +124,26 @@
No reviews yet.
{% endfor %} + {% for review in ride_reviews %} +
+
+ {% endfor %}
+ {% if not park_reviews and not ride_reviews %}
+
+
+
+
+ {{ review.title }}
++ {{ review.ride.name }} +
+
+ ★
+ {{ review.rating }}/10
+
+ No reviews yet.
+ {% endif %}
-
+
@@ -37,7 +37,7 @@
-
+
@@ -63,7 +63,7 @@
-
+
@@ -74,7 +74,7 @@
id="new_password"
x-model="newPassword"
required
- class="block w-full mt-1 border-gray-300 rounded-md shadow-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"
+ class="block w-full mt-1 border-gray-300 rounded-md shadow-xs dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"
>
Password must be at least 8 characters and contain uppercase, lowercase, and numbers
@@ -89,7 +89,7 @@
id="confirm_password"
x-model="confirmPassword"
required
- class="block w-full mt-1 border-gray-300 rounded-md shadow-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"
+ class="block w-full mt-1 border-gray-300 rounded-md shadow-xs dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"
>
Passwords do not match
diff --git a/search/templates/search/components/filter_form.html b/templates/core/search/components/filter_form.html
similarity index 95%
rename from search/templates/search/components/filter_form.html
rename to templates/core/search/components/filter_form.html
index dbb1369e..91745891 100644
--- a/search/templates/search/components/filter_form.html
+++ b/templates/core/search/components/filter_form.html
@@ -32,7 +32,7 @@
{# Active Filters Summary #}
{% if applied_filters %}
-
+
diff --git a/search/templates/search/filters.html b/templates/core/search/filters.html
similarity index 72%
rename from search/templates/search/filters.html
rename to templates/core/search/filters.html
index 71033e33..928a1afd 100644
--- a/search/templates/search/filters.html
+++ b/templates/core/search/filters.html
@@ -15,12 +15,12 @@
Active Filters
@@ -90,7 +90,7 @@ {# Mobile Apply Button #}
{% if applied_filters %}
+ class="inline-flex justify-center py-2 px-4 border border-gray-300 shadow-xs text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
Clear Filters
{% endif %}
diff --git a/search/templates/search/layouts/filtered_list.html b/templates/core/search/layouts/filtered_list.html
similarity index 100%
rename from search/templates/search/layouts/filtered_list.html
rename to templates/core/search/layouts/filtered_list.html
diff --git a/search/templates/search/partials/generic_results.html b/templates/core/search/partials/generic_results.html
similarity index 99%
rename from search/templates/search/partials/generic_results.html
rename to templates/core/search/partials/generic_results.html
index dc766ee8..9663388c 100644
--- a/search/templates/search/partials/generic_results.html
+++ b/templates/core/search/partials/generic_results.html
@@ -85,7 +85,7 @@
-