/**
 * react-consent-kit - Vite Demo Styles
 * @version 1.0.0
 * @author 686f6c61
 * @license MIT
 * @repository https://github.com/686f6c61/react-consent-kit
 *
 * Black and white professional design.
 */*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#1a1a1a;background:#fff}.demo-app{min-height:100vh;display:flex;flex-direction:column}.demo-config-bar{position:sticky;top:0;z-index:100;display:flex;gap:24px;padding:12px 24px;background:#1a1a1a;color:#fff;border-bottom:1px solid #333}.demo-config-item{display:flex;align-items:center;gap:8px}.demo-config-item label{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.demo-config-item select{padding:6px 12px;font-size:13px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;cursor:pointer}.demo-config-item select:hover{border-color:#666}.demo-config-law select{min-width:180px}.demo-config-bar{flex-wrap:wrap}.demo-config-checkbox{display:flex;align-items:center}.demo-config-checkbox label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.demo-config-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#fff}.demo-info-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.demo-info-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;font-size:11px;font-weight:600;font-style:italic;font-family:Georgia,serif;color:#888;background:transparent;border:1px solid #888;border-radius:50%;cursor:pointer;line-height:1}.demo-info-btn:hover{color:#1a1a1a;border-color:#1a1a1a;background:transparent}.demo-info-popup{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:220px;max-width:300px;padding:12px 14px;font-size:12px;font-weight:400;font-style:normal;line-height:1.5;color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;text-transform:none;letter-spacing:normal}.demo-info-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.demo-info-popup:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#e5e5e5}.demo-content{flex:1;display:flex;flex-direction:column}.demo-header{padding:48px 24px;background:#fafafa;border-bottom:1px solid #e5e5e5;text-align:center}.demo-header h1{font-size:32px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.demo-subtitle{font-size:16px;color:#666;margin-bottom:16px}.demo-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px}.demo-links code{padding:6px 12px;background:#1a1a1a;color:#fff;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace}.demo-links a{color:#1a1a1a;text-decoration:none}.demo-links a:hover{opacity:.7}.demo-separator{color:#ccc}.demo-main{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.demo-section{margin-bottom:32px;padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.demo-section h2{font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e5e5;color:#1a1a1a}.demo-description{color:#666;margin-bottom:16px}.demo-note{font-size:12px;color:#888;margin-top:12px;font-style:italic}.demo-loading{color:#888;font-style:italic}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.demo-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.demo-grid-4{grid-template-columns:repeat(2,1fr)}}.demo-stat{padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;text-align:center}.demo-stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:4px}.demo-stat-value{display:block;font-size:16px;font-weight:600;color:#1a1a1a}.demo-granted{color:#1a1a1a}.demo-denied{color:#888}.demo-control{display:flex;flex-direction:column;gap:8px}.demo-control label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888}.demo-control select{padding:8px 12px;font-size:14px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;cursor:pointer}.demo-buttons{display:flex;gap:8px;flex-wrap:wrap}button{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid #1a1a1a;border-radius:4px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .15s ease}button:hover{background:#1a1a1a;color:#fff}.demo-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:3px}.demo-badge-yes{background:#1a1a1a;color:#fff}.demo-badge-no{background:#f5f5f5;color:#888;border:1px solid #e5e5e5}.demo-consent-status{display:flex;flex-direction:column;gap:16px}.demo-consent-header{display:flex;align-items:center;gap:12px}.demo-timestamp{font-size:12px;color:#888}.demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table th,.demo-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e5e5}.demo-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;background:#fafafa}.demo-table tr:last-child td{border-bottom:none}.demo-table-logs{font-size:12px}.demo-hash{font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;color:#888}.demo-logs-controls{display:flex;gap:8px;margin-bottom:16px}.demo-logs{max-height:300px;overflow-y:auto;border:1px solid #e5e5e5;border-radius:4px}.demo-services{display:flex;flex-wrap:wrap;gap:8px}.demo-service{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;font-size:13px}.demo-service-name{font-weight:500}.demo-service-category{font-size:11px;color:#888;text-transform:uppercase}.demo-i18n{max-width:500px}.demo-footer{padding:24px;text-align:center;background:#fafafa;border-top:1px solid #e5e5e5;font-size:13px;color:#888}.demo-footer a{color:#1a1a1a;text-decoration:none}.demo-footer a:hover{text-decoration:underline}.demo-footer p{margin:4px 0}.demo-docs{background:#fafafa}.demo-docs-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e5e5;margin-bottom:24px}.demo-docs-tab{padding:12px 20px;font-size:13px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;transition:all .15s ease}.demo-docs-tab:hover{color:#1a1a1a;background:transparent}.demo-docs-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;background:transparent}.demo-docs-content{min-height:400px}.demo-docs-section{margin-bottom:32px}.demo-docs-section h3{font-size:15px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.demo-docs-section h4{font-size:13px;font-weight:600;margin:16px 0 8px;color:#333}.demo-docs-section p{font-size:13px;color:#444;line-height:1.6;margin-bottom:12px}.demo-docs-section ul{margin:0 0 16px;padding-left:20px}.demo-docs-section li{font-size:13px;color:#444;line-height:1.6;margin-bottom:6px}.demo-docs-section code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:12px;font-family:SF Mono,Monaco,Courier New,monospace}.demo-docs-table{width:100%;border-collapse:collapse;font-size:13px;margin:16px 0}.demo-docs-table th,.demo-docs-table td{padding:10px 12px;text-align:left;border:1px solid #e5e5e5}.demo-docs-table th{background:#f5f5f5;font-weight:600;color:#1a1a1a}.demo-docs-table td{background:#fff}.demo-docs-table code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:11px}.demo-feature-item{padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:8px}.demo-feature-item h4{margin:0 0 4px;font-size:13px}.demo-feature-item p{margin:0;font-size:12px;color:#666}.demo-doc-block{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.demo-doc-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.demo-doc-block h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.demo-code{background:#1a1a1a;color:#f5f5f5;padding:16px;border-radius:6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre}.demo-laws{display:flex;flex-direction:column;gap:8px}.demo-law-group{padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:13px}.demo-law-group strong{color:#1a1a1a}.demo-section-highlight{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px solid #1a1a1a}.demo-category-group{margin-bottom:24px}.demo-category-group:last-child{margin-bottom:0}.demo-category-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:12px}.demo-category-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#1a1a1a;color:#fff;border-radius:10px}.demo-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.demo-service-card{padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all .2s ease}.demo-service-card:hover{border-color:#ccc}.demo-service-card.demo-service-active{border-color:#1a1a1a;background:#fafafa}.demo-service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-service-info{display:flex;flex-direction:column;gap:2px}.demo-service-card .demo-service-name{font-size:14px;font-weight:600;color:#1a1a1a}.demo-service-id{font-size:11px;color:#888;font-family:SF Mono,Monaco,Courier New,monospace}.demo-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.demo-toggle input{opacity:0;width:0;height:0}.demo-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e5e5;border-radius:24px;transition:.2s}.demo-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.demo-toggle input:checked+.demo-toggle-slider{background-color:#1a1a1a}.demo-toggle input:checked+.demo-toggle-slider:before{transform:translate(20px)}.demo-cookies-toggle{width:100%;margin-top:12px;padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:transparent;border:1px dashed #ccc;color:#888}.demo-cookies-toggle:hover{background:#f5f5f5;border-color:#888;color:#1a1a1a}.demo-cookies-list{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.demo-cookie-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0}.demo-cookie-item:last-child{border-bottom:none}.demo-cookie-name{font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;background:#1a1a1a;color:#fff;padding:2px 6px;border-radius:3px}.demo-cookie-desc{font-size:12px;color:#666;flex:1}.demo-cookie-expires{font-size:10px;color:#888;text-transform:uppercase;background:#f5f5f5;padding:2px 6px;border-radius:3px}.demo-cookies-inspector{margin-top:16px;max-height:400px;overflow-y:auto;border:1px solid #e5e5e5;border-radius:6px;background:#fff}.demo-table-cookies{background:#fff}.demo-table-cookies th{background:#fafafa;color:#666}.demo-table-cookies td{background:#fff;color:#1a1a1a}.demo-table-cookies code{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#1a1a1a}.demo-table-cookies .demo-cookie-value{font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;color:#666;word-break:break-all}.demo-list{list-style:none;padding:0}.demo-list li{padding:8px 0;border-bottom:1px solid #e5e5e5}.demo-list li:last-child{border-bottom:none}.demo-list code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;color:#1a1a1a;font-weight:500}.demo-section-config{background:#fafafa;border:1px solid #e5e5e5}.demo-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.demo-config-grid .demo-config-item{display:flex;flex-direction:column;gap:6px}.demo-config-grid .demo-config-item label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.demo-config-grid .demo-config-item select{padding:8px 12px;font-size:13px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;cursor:pointer}.demo-config-grid .demo-config-item select:hover{border-color:#ccc}.demo-config-grid .demo-config-checkbox label{flex-direction:row;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#1a1a1a;text-transform:none}.demo-config-grid .demo-config-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#1a1a1a}.demo-config-subtitle{font-size:14px;font-weight:600;color:#333;margin:20px 0 12px;padding-top:16px;border-top:1px solid #eee}.demo-config-hint{display:block;font-size:10px;color:#888;margin-top:4px;font-style:italic}@media (max-width: 768px){.demo-config-bar{flex-direction:column;gap:12px}.demo-header{padding:32px 16px}.demo-header h1{font-size:24px}.demo-main,.demo-section{padding:16px}.demo-links{flex-direction:column}.demo-separator{display:none}}.demo-section-scanner{background:#fafafa;border:2px solid #e5e5e5}.demo-scanner-legend{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding:0;list-style:none}.demo-scanner-legend li{display:flex;align-items:center;gap:8px;font-size:13px}.demo-scanner-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.demo-btn-primary{background:#1a1a1a;color:#fff;font-weight:600;padding:10px 20px}.demo-btn-primary:hover{background:#333}.demo-btn-primary:disabled{background:#666;cursor:not-allowed}.demo-btn-danger{background:#666;color:#fff;border-color:#666;font-weight:600}.demo-btn-danger:hover{background:#555;border-color:#555}.demo-scanner-simulate{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:16px;margin:16px 0}.demo-scanner-simulate .demo-note{margin:0 0 12px;color:#666}.demo-scanner-results{margin-top:24px}.demo-scanner-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:20px}.demo-scanner-status{display:flex;align-items:center;gap:16px}.demo-scanner-indicator{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.demo-scanner-compliant{background:#e5e5e5;color:#1a1a1a}.demo-scanner-issues{background:#1a1a1a;color:#fff}.demo-scanner-count{color:#666;font-size:14px}.demo-scanner-breakdown{display:flex;gap:24px}.demo-scanner-stat{text-align:center}.demo-scanner-stat-value{display:block;font-size:28px;font-weight:700;line-height:1}.demo-scanner-stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-top:4px}.demo-text-green{color:#1a1a1a}.demo-text-yellow{color:#666}.demo-text-red{color:#333}.demo-scanner-suggestions{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:16px;margin-bottom:20px}.demo-scanner-suggestions h4{margin:0 0 12px;color:#1a1a1a;font-size:14px}.demo-scanner-suggestions ul{margin:0;padding-left:20px}.demo-scanner-suggestions li{color:#333;font-size:13px;margin-bottom:4px}.demo-scanner-table-section{margin-bottom:20px;background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e5e5}.demo-scanner-table-section h4{margin:0 0 12px;font-size:14px;color:#1a1a1a}.demo-table-scanner{font-size:13px;background:#fff}.demo-table-scanner th{background:#fafafa;color:#666}.demo-table-scanner td{background:#fff;color:#1a1a1a}.demo-table-scanner code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:12px;color:#1a1a1a}.demo-table-warning{border-left:3px solid #888}.demo-table-warning th{background:#f5f5f5}.demo-table-danger{border-left:3px solid #333}.demo-table-danger th{background:#f0f0f0}.demo-table-more{text-align:center;color:#666;font-style:italic}.demo-badge-warning{background:#e5e5e5;color:#333}.demo-scanner-report{margin-top:20px;background:#1a1a1a;border-radius:8px;padding:16px;overflow-x:auto}.demo-scanner-report h4{color:#888;margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.demo-scanner-report pre{margin:0;color:#e5e5e5;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.demo-scanner-summary{flex-direction:column;align-items:flex-start}.demo-scanner-breakdown{width:100%;justify-content:space-between}.demo-scanner-legend{flex-direction:column;gap:8px}}.demo-docs-button{background:#1a1a1a;color:#fff;border:2px solid #fff;padding:8px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.demo-docs-button:hover{background:#fff;color:#1a1a1a;transform:translateY(-1px)}.demo-docs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-docs-modal{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-docs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#1a1a1a;color:#fff;border-radius:12px 12px 0 0}.demo-docs-modal-header h2{margin:0;font-size:24px;font-weight:700}.demo-docs-modal-close{background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.demo-docs-modal-close:hover{background:#ffffff1a}.demo-docs-modal-body{display:flex;flex:1;overflow:hidden}.demo-docs-sidebar{width:220px;background:#fafafa;border-right:1px solid #e5e5e5;padding:16px 0;overflow-y:auto;flex-shrink:0}.demo-docs-sidebar-section{margin-bottom:8px}.demo-docs-sidebar-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#888;padding:8px 20px 4px;margin:0}.demo-docs-sidebar-item{display:block;width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#444;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.demo-docs-sidebar-item:hover{background:#f0f0f0;color:#1a1a1a}.demo-docs-sidebar-item.active{background:#fff;color:#1a1a1a;border-left-color:#1a1a1a;font-weight:600}.demo-docs-sidebar-item .item-icon{margin-right:10px;font-size:16px}.demo-docs-modal-content{flex:1;overflow-y:auto;padding:32px 40px;background:#fff}@media (max-width: 900px){.demo-docs-modal-body{flex-direction:column}.demo-docs-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5;padding:12px 0;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.demo-docs-sidebar-section{display:contents}.demo-docs-sidebar-title{display:none}.demo-docs-sidebar-item{padding:8px 14px;font-size:12px;border-radius:20px;border-left:none;background:#f0f0f0}.demo-docs-sidebar-item.active{background:#1a1a1a;color:#fff}.demo-docs-sidebar-item .item-icon{display:none}.demo-docs-modal-content{padding:20px}}@media (max-width: 768px){.demo-docs-modal{max-height:95vh;border-radius:8px}.demo-docs-modal-header{padding:16px;border-radius:8px 8px 0 0}.demo-docs-modal-header h2{font-size:18px}.demo-docs-button{padding:6px 14px;font-size:12px}}.demo-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.demo-feature-card{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.demo-feature-card h3{margin-bottom:10px;font-size:16px;font-weight:600}.demo-feature-card p{margin-bottom:10px;font-size:13px;color:#555}.demo-code{padding:12px;background:#1a1a1a;color:silver;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:11px;overflow-x:auto;white-space:pre}@media (max-width: 768px){.demo-features-grid{grid-template-columns:1fr}}