cookiecraft 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Webflow Cookie Consent Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,418 @@
+# CookieCraft
+
+🍪 **Lightweight GDPR-compliant cookie consent library for any website**
+
+Open-source cookie consent library with modern UI, full RGPD compliance, and Google Consent Mode v2 support. Perfect for Webflow, WordPress, Shopify, or any website.
+
+## Features
+
+- ✅ **GDPR Compliant** - Full opt-in, cookie blocking before consent
+- 🎨 **Modern UI** - Beautiful, professional design
+- ⚡ **Lightweight** - < 15KB total (JS + CSS minified)
+- 🚀 **Zero Dependencies** - Pure Vanilla JavaScript
+- 🎯 **Universal** - Works on any website (Webflow, WordPress, Shopify, custom sites)
+- 📱 **Responsive** - Mobile-first design
+- ♿ **Accessible** - WCAG 2.2 AA compliant
+- 🔌 **GTM Ready** - Google Consent Mode v2 built-in
+- 🎨 **Customizable** - CSS variables for easy theming
+- 🌐 **i18n Ready** - Multi-language support
+
+## Quick Start
+
+### For Webflow
+
+Add this code in **Site Settings > Custom Code > Footer**:
+
+```html
+<!-- CSS -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookiecraft@1/dist/cookiecraft.min.css">
+
+<!-- JavaScript -->
+<script src="https://cdn.jsdelivr.net/npm/cookiecraft@1/dist/cookiecraft.min.js"></script>
+
+<!-- Initialize -->
+<script>
+  const cookieConsent = new CookieCraft.CookieConsent({
+    mode: 'opt-in',
+    autoShow: true,
+    revision: 1,
+
+    categories: {
+      necessary: {
+        enabled: true,
+        readOnly: true,
+        label: 'Essentiels',
+        description: 'Nécessaires au bon fonctionnement du site'
+      },
+      analytics: {
+        enabled: false,
+        readOnly: false,
+        label: 'Statistiques',
+        description: 'Pour comprendre comment vous utilisez notre site'
+      },
+      marketing: {
+        enabled: false,
+        readOnly: false,
+        label: 'Marketing',
+        description: 'Pour vous proposer du contenu personnalisé'
+      }
+    },
+
+    theme: 'auto',
+    primaryColor: '#0066cc'
+  });
+
+  cookieConsent.init();
+</script>
+```
+
+### Block Third-Party Scripts
+
+Change your tracking scripts to use `type="text/plain"` and `data-cookieconsent` attribute:
+
+```html
+<!-- Google Analytics - Blocked until analytics consent -->
+<script type="text/plain" data-cookieconsent="analytics">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;...})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', 'UA-XXXXX-Y', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<!-- Facebook Pixel - Blocked until marketing consent -->
+<script type="text/plain" data-cookieconsent="marketing">
+  !function(f,b,e,v,n,t,s){...}
+  fbq('init', 'YOUR_PIXEL_ID');
+  fbq('track', 'PageView');
+</script>
+```
+
+## Layout Options
+
+Choose from multiple banner styles and positions to match your site's design:
+
+### Banner Layouts
+
+- **`bar`** (default) - Full-width banner at top or bottom
+- **`box`** - Compact modal in corner or center
+- **`floating`** - Small notification-style banner
+
+### Banner Positions
+
+- **`bottom`** (default) - Bottom of the screen
+- **`top`** - Top of the screen
+- **`center`** - Centered modal with overlay
+- **`bottom-left`** - Bottom left corner
+- **`bottom-right`** - Bottom right corner
+
+### Floating Widget
+
+A permanent button that stays visible after consent, allowing users to modify preferences anytime:
+
+- **`showWidget`** (default: `true`) - Show/hide the floating widget
+- **`widgetPosition`** (default: `'bottom-right'`) - Widget position: `'bottom-left'`, `'bottom-right'`, `'top-left'`, `'top-right'`
+
+### Examples
+
+```javascript
+// Full-width bar at bottom (classic)
+const consent = new CookieCraft.CookieConsent({
+  layout: 'bar',
+  position: 'bottom',
+  showWidget: true,
+  widgetPosition: 'bottom-right'
+});
+
+// Small modal in bottom-right corner (modern)
+const consent = new CookieCraft.CookieConsent({
+  layout: 'box',
+  position: 'bottom-right',
+  showWidget: true,
+  widgetPosition: 'bottom-left'  // Widget on opposite side
+});
+
+// Compact floating notification (minimal)
+const consent = new CookieCraft.CookieConsent({
+  layout: 'floating',
+  position: 'bottom-right',
+  showWidget: false  // No widget needed, already compact
+});
+
+// Centered modal with overlay (maximum attention)
+const consent = new CookieCraft.CookieConsent({
+  layout: 'box',
+  position: 'center',
+  disablePageInteraction: true,  // Block page until choice
+  showWidget: true
+});
+```
+
+## Configuration
+
+### Basic Options
+
+```typescript
+interface ConsentConfig {
+  // Core settings
+  mode: 'opt-in' | 'opt-out';           // GDPR requires 'opt-in'
+  autoShow: boolean;                     // Show banner on first visit
+  revision: number;                      // Policy version (increment to re-ask)
+
+  // Categories
+  categories: {
+    necessary: CategoryConfig;
+    analytics: CategoryConfig;
+    marketing: CategoryConfig;
+    preferences?: CategoryConfig;
+  };
+
+  // UI customization
+  theme?: 'light' | 'dark' | 'auto';
+  layout?: 'bar' | 'box' | 'floating';  // Banner layout style
+  position?: 'bottom' | 'top' | 'center' | 'bottom-left' | 'bottom-right';
+  primaryColor?: string;                 // Hex color
+  backdropBlur?: boolean;                // Backdrop blur effect
+  animationStyle?: 'smooth' | 'minimal';
+
+  // Floating widget
+  showWidget?: boolean;                  // Show permanent settings button
+  widgetPosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+
+  // Content
+  translations?: Translation;
+
+  // Integration
+  gtmConsentMode?: boolean;              // Enable GTM Consent Mode v2
+
+  // Accessibility
+  disablePageInteraction?: boolean;      // Block page until consent
+
+  // Callbacks
+  onAccept?: (categories) => void;
+  onChange?: (categories) => void;
+  onReject?: () => void;
+}
+```
+
+### Category Configuration
+
+```typescript
+interface CategoryConfig {
+  enabled: boolean;      // Default state
+  readOnly: boolean;     // If true, user cannot toggle
+  label: string;         // Display name
+  description: string;   // Explanation
+}
+```
+
+### Customization Examples
+
+#### Custom Colors
+
+```javascript
+const cookieConsent = new CookieCraft.CookieConsent({
+  primaryColor: '#ff6b6b',    // Red theme
+  theme: 'dark',
+  // ...
+});
+```
+
+#### Custom Text
+
+```javascript
+const cookieConsent = new CookieCraft.CookieConsent({
+  translations: {
+    title: 'Nous respectons votre vie privée',
+    description: 'Choisissez les cookies que vous acceptez',
+    acceptAll: 'Tout accepter',
+    rejectAll: 'Tout refuser',
+    customize: 'Personnaliser',
+    savePreferences: 'Enregistrer',
+    cookieSettings: 'Paramètres cookies',  // Floating widget tooltip
+    cookies: 'Cookies',                    // Floating widget text
+  },
+  // ...
+});
+```
+
+#### With GTM Consent Mode v2
+
+```html
+<!-- In HEAD, BEFORE GTM -->
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+
+  gtag('consent', 'default', {
+    'ad_storage': 'denied',
+    'analytics_storage': 'denied',
+    'ad_user_data': 'denied',
+    'ad_personalization': 'denied'
+  });
+</script>
+
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){...})(window,document,'script','dataLayer','GTM-XXXX');</script>
+
+<!-- In FOOTER -->
+<script>
+  const cookieConsent = new CookieCraft.CookieConsent({
+    gtmConsentMode: true,  // Enable GTM integration
+    // ...
+  });
+  cookieConsent.init();
+</script>
+```
+
+## API
+
+### Methods
+
+```javascript
+// Initialize
+cookieConsent.init();
+
+// Show banner
+cookieConsent.show();
+
+// Hide banner
+cookieConsent.hide();
+
+// Show preferences modal
+cookieConsent.showPreferences();
+
+// Get current consent
+const consent = cookieConsent.getConsent();
+// Returns: { version, timestamp, categories, expiresAt }
+
+// Reset (clear and re-show)
+cookieConsent.reset();
+
+// Event listeners
+cookieConsent.on('consent:accept', (categories) => {
+  console.log('Accepted:', categories);
+});
+
+cookieConsent.on('consent:update', (categories) => {
+  console.log('Updated:', categories);
+});
+```
+
+### Events
+
+- `consent:init` - Library initialized
+- `consent:show` - Banner shown
+- `consent:accept` - All accepted
+- `consent:reject` - All rejected
+- `consent:update` - Consent changed
+- `consent:load` - Stored consent loaded
+- `preferences:show` - Preferences modal shown
+- `script:activated` - Script unblocked
+
+### Cookie Settings Access
+
+#### Option 1: Floating Widget (Automatic)
+
+The library automatically shows a permanent floating button after consent (enabled by default):
+
+```javascript
+const cookieConsent = new CookieCraft.CookieConsent({
+  showWidget: true,                    // Show floating widget (default)
+  widgetPosition: 'bottom-right',      // Position
+  // ...
+});
+```
+
+#### Option 2: Custom Button (Manual)
+
+In Webflow Designer, add your own button and connect it:
+
+```html
+<script>
+  document.getElementById('cookie-settings')?.addEventListener('click', () => {
+    window.cookieConsent?.showPreferences();
+  });
+</script>
+```
+
+## Styling
+
+### CSS Variables
+
+Customize appearance using CSS variables:
+
+```css
+:root {
+  /* Colors */
+  --cc-primary: #0066cc;
+  --cc-bg: #ffffff;
+  --cc-text: #1a1a1a;
+  --cc-text-secondary: #666666;
+
+  /* Spacing */
+  --cc-padding: 1.5rem;
+  --cc-gap: 0.75rem;
+
+  /* Borders */
+  --cc-border-radius: 12px;
+  --cc-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
+
+  /* Animations */
+  --cc-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+```
+
+## Browser Support
+
+- Chrome/Edge (last 2 versions)
+- Firefox (last 2 versions)
+- Safari (last 2 versions)
+- iOS Safari (last 2 versions)
+- Chrome Android (last 2 versions)
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Dev mode with watch
+npm run dev
+
+# Build
+npm run build
+
+# Run tests
+npm test
+
+# Type check
+npm run type-check
+
+# Check bundle size
+npm run size
+```
+
+## Why This Library?
+
+### vs Premium Solutions
+
+- **Cost**: Free vs €39+/month
+- **Performance**: 10-15KB vs 50-100KB+
+- **Privacy**: Self-hosted option vs SaaS only
+- **Flexibility**: Full code access vs black box
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## License
+
+MIT © 2026
+
+## Credits
+
+Inspired by:
+- [vanilla-cookieconsent](https://github.com/orestbida/cookieconsent) - Technical patterns
+
+---
+
+Made with ❤️ for the open web

package/dist/cookiecraft.css

@@ -0,0 +1 @@
+.cc-banner,.cc-modal,.cc-widget{--cc-primary:#06c;--cc-primary-hover:#0052a3;--cc-primary-glow:color-mix(in srgb,var(--cc-primary) 30%,transparent);--cc-bg:#fff;--cc-text:#1a1a1a;--cc-text-secondary:#666;--cc-border:#e5e7eb;--cc-overlay:rgba(0,0,0,.4);--cc-padding:1.5rem;--cc-gap:0.75rem;--cc-border-radius:12px;--cc-shadow:0 -4px 24px rgba(0,0,0,.12);--cc-transition:0.3s cubic-bezier(0.4,0,0.2,1);--cc-backdrop-blur:10px;--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.cc-banner *,.cc-modal *,.cc-widget *{box-sizing:border-box;margin:0;padding:0}.cc-banner{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cc-bg);bottom:0;box-shadow:var(--cc-shadow);font-family:var(--cc-font-family);left:0;padding:var(--cc-padding);position:fixed;right:0;transform:translateY(100%);transition:transform var(--cc-transition);z-index:9999}.cc-banner.cc-backdrop-blur{backdrop-filter:blur(var(--cc-backdrop-blur));background:hsla(0,0%,100%,.95)}.cc-banner.is-visible{transform:translateY(0)}.cc-banner__container{margin:0 auto;max-width:1200px}.cc-banner__content{margin-bottom:1rem}.cc-banner__title{color:var(--cc-text);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.cc-banner__description{color:var(--cc-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.cc-banner__description a{color:var(--cc-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.cc-banner__description a:hover{color:var(--cc-primary-hover);text-decoration:underline}.cc-banner__actions{display:flex;flex-wrap:wrap;gap:var(--cc-gap)}.cc-btn{align-items:center;border:none;border-radius:var(--cc-border-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;justify-content:center;min-height:44px;min-width:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.cc-btn:focus-visible{outline:3px solid var(--cc-primary);outline-offset:2px}.cc-btn:disabled{cursor:not-allowed;opacity:.6}.cc-btn--accept{background:var(--cc-primary);color:#fff}.cc-btn--accept:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--accept:active:not(:disabled){transform:translateY(0)}.cc-btn--reject{background:var(--cc-text);color:#fff}.cc-btn--reject:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:.85;transform:translateY(-1px)}.cc-btn--reject:active:not(:disabled){transform:translateY(0)}.cc-btn--primary{background:var(--cc-primary);color:#fff}.cc-btn--primary:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--primary:active:not(:disabled){transform:translateY(0)}.cc-btn--secondary{background:#f3f4f6;color:var(--cc-text)}.cc-btn--secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.cc-btn--secondary:active:not(:disabled){transform:translateY(0)}.cc-btn--tertiary{background:transparent;border:1px solid var(--cc-border);color:var(--cc-text-secondary)}.cc-btn--tertiary:hover:not(:disabled){background:rgba(0,0,0,.03);color:var(--cc-text);transform:translateY(-1px)}.cc-btn--tertiary:active:not(:disabled){transform:translateY(0)}@media (min-width:768px){.cc-banner--bar .cc-banner__container{align-items:center;display:flex;gap:2rem;justify-content:space-between}.cc-banner--bar .cc-banner__content{flex:1;margin-bottom:0}.cc-banner--bar .cc-banner__actions{flex-shrink:0}}.cc-banner--top{bottom:auto;box-shadow:0 4px 24px rgba(0,0,0,.12);top:0;transform:translateY(-100%)}.cc-banner--top.is-visible{transform:translateY(0)}.cc-banner--center{border-radius:var(--cc-border-radius);bottom:auto;left:50%;max-width:600px;opacity:0;right:auto;top:50%;transform:translate(-50%,-50%) scale(.9)}.cc-banner--center.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.cc-banner--bottom-right{border-radius:var(--cc-border-radius);bottom:1.5rem;left:auto;max-width:420px;right:1.5rem;transform:translateX(calc(100% + 2rem))}.cc-banner--bottom-right.is-visible{transform:translateX(0)}.cc-banner--bottom-left{border-radius:var(--cc-border-radius);bottom:1.5rem;left:1.5rem;max-width:420px;right:auto;transform:translateX(calc(-100% - 2rem))}.cc-banner--bottom-left.is-visible{transform:translateX(0)}.cc-banner--box{border-radius:var(--cc-border-radius);max-width:420px}.cc-banner--box .cc-banner__container{display:block}.cc-banner--box .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--box .cc-banner__actions .cc-btn{width:100%}.cc-banner--floating{border-radius:var(--cc-border-radius);box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:380px}.cc-banner--floating .cc-banner__container{display:block}.cc-banner--floating .cc-banner__title{font-size:1rem}.cc-banner--floating .cc-banner__description{font-size:.8125rem}.cc-banner--floating .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--floating .cc-banner__actions .cc-btn{font-size:.8125rem;padding:.625rem 1rem;width:100%}@media (prefers-color-scheme:dark){.cc-banner[data-theme=auto]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=auto].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=auto] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=auto] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=auto] .cc-btn--reject{background:#fff;color:#1a1a1a}.cc-banner[data-theme=auto] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}}.cc-banner[data-theme=dark]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=dark].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=dark] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=dark] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=dark] .cc-btn--reject{background:#fff;color:#1a1a1a}.cc-banner[data-theme=dark] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}@keyframes cc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cc-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cc-backdropFadeIn{0%{opacity:0}to{opacity:1}}.cc-animate-fadeIn{animation:cc-fadeIn .3s ease-out}.cc-animate-slideUp{animation:cc-slideUp .4s cubic-bezier(.4,0,.2,1)}.cc-animate-slideDown{animation:cc-slideDown .4s cubic-bezier(.4,0,.2,1)}.cc-animate-scaleIn{animation:cc-scaleIn .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.cc-banner{transition:none}.cc-animate-fadeIn,.cc-animate-scaleIn,.cc-animate-slideDown,.cc-animate-slideUp{animation:none}.cc-btn{transition:none}}.cc-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--cc-transition);z-index:10000}.cc-modal.is-visible{opacity:1;pointer-events:all}.cc-modal__overlay{background:var(--cc-overlay);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.cc-modal__content{background:var(--cc-bg);border-radius:var(--cc-border-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.9);transition:transform var(--cc-transition);width:100%}.cc-modal.is-visible .cc-modal__content{transform:scale(1)}.cc-modal__header{align-items:center;background:linear-gradient(135deg,var(--cc-primary) 0,var(--cc-primary-hover) 100%);box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-shrink:0;justify-content:space-between;padding:2rem 1.5rem}.cc-modal__header h2{color:#fff;font-size:1.375rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cc-modal__close{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.cc-modal__close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.cc-modal__close:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.cc-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.cc-category{border-bottom:1px solid var(--cc-border);padding:1rem 0}.cc-category:last-child{border-bottom:none}.cc-category__header{align-items:flex-start;display:flex;gap:1rem}.cc-category__info{flex:1}.cc-category__info h3{color:var(--cc-text);font-size:1rem;font-weight:600;margin:0 0 .25rem}.cc-category__info p{color:var(--cc-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.cc-toggle{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cc-toggle input{height:0;opacity:0;position:absolute;width:0}.cc-toggle__slider{background:#d1d5db;border-radius:12px;height:24px;position:relative;transition:background-color .2s ease;width:48px}.cc-toggle__slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.cc-toggle input:checked+.cc-toggle__slider{background:var(--cc-primary)}.cc-toggle input:checked+.cc-toggle__slider:before{transform:translateX(24px)}.cc-toggle input:focus-visible+.cc-toggle__slider{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-toggle--disabled{cursor:not-allowed;opacity:.6}.cc-toggle--disabled input:checked+.cc-toggle__slider{background:#9ca3af}.cc-modal__footer{align-items:center;border-top:1px solid var(--cc-border);display:flex;flex-shrink:0;gap:var(--cc-gap);justify-content:space-between;padding:1.5rem}.cc-modal__footer-links{align-items:center;display:flex;gap:.5rem}.cc-modal__footer-actions{display:flex;gap:var(--cc-gap)}.cc-privacy-link{align-items:center;color:var(--cc-text-secondary);display:inline-flex;font-size:.875rem;gap:.25rem;text-decoration:none;transition:color .2s ease}.cc-privacy-link:hover{color:var(--cc-primary);text-decoration:underline}@media (prefers-color-scheme:dark){.cc-modal[data-theme=auto] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=auto] .cc-modal__close:hover{background:hsla(0,0%,100%,.1)}}.cc-modal[data-theme=dark] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=dark] .cc-modal__close:hover{background:hsla(0,0%,100%,.1)}.cc-modal--bottom-right{align-items:flex-end;justify-content:flex-end;padding:1.5rem}.cc-modal--bottom-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--bottom-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--bottom-left{align-items:flex-end;justify-content:flex-start;padding:1.5rem}.cc-modal--bottom-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--bottom-left.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-right{align-items:flex-start;justify-content:flex-end;padding:1.5rem}.cc-modal--top-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--top-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-left{align-items:flex-start;justify-content:flex-start;padding:1.5rem}.cc-modal--top-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--top-left.is-visible .cc-modal__content{transform:translateX(0)}@media (max-width:640px){.cc-modal{align-items:flex-end;padding:0}.cc-modal__content{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;transform:translateY(100%);width:100%}.cc-modal.is-visible .cc-modal__content{transform:translateY(0)}.cc-modal__body{padding:1rem 1.25rem}.cc-modal__footer{align-items:stretch;flex-direction:column;padding:1rem 1.25rem 1.5rem}.cc-modal__footer-links{justify-content:center;margin-top:.75rem;order:2}.cc-modal__footer-actions{flex-direction:column;order:1;width:100%}.cc-modal__footer .cc-btn{width:100%}}.cc-widget{align-items:center;background:var(--cc-primary);border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;font-family:var(--cc-font-family);gap:.5rem;min-height:44px;opacity:0;padding:.75rem 1rem;position:fixed;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9998}.cc-widget.is-visible{opacity:1;transform:scale(1)}.cc-widget:hover{box-shadow:0 6px 20px var(--cc-primary-glow);transform:scale(1.05)}.cc-widget:active{transform:scale(.98)}.cc-widget:focus-visible{outline:3px solid #fff;outline-offset:2px}.cc-widget__icon{flex-shrink:0;height:24px;width:24px}.cc-widget__text{font-size:.875rem;font-weight:500;white-space:nowrap}.cc-widget--bottom-right{bottom:1.5rem;right:1.5rem}.cc-widget--bottom-left{bottom:1.5rem;left:1.5rem}.cc-widget--top-right{right:1.5rem;top:1.5rem}.cc-widget--top-left{left:1.5rem;top:1.5rem}.cc-widget--compact{border-radius:50%;height:48px;justify-content:center;padding:.75rem;width:48px}.cc-widget--compact .cc-widget__text{display:none}@media (max-width:640px){.cc-widget--full .cc-widget__text{display:none}.cc-widget--full{border-radius:50%;height:56px;justify-content:center;padding:.75rem;width:56px}}@keyframes cc-widget-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cc-widget.is-visible{animation:cc-widget-bounce .4s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.cc-widget{transition:none}.cc-widget.is-visible{animation:none}.cc-widget:hover{transform:none}}