@truconsent/consent-banner-react/dist/index.css

React consent-banner components (in-page & modal)

.mcm-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.mcm-container{background:#fff;border-radius:8px;max-height:90%;max-width:600px;overflow:auto;padding:20px;width:90%}.mcm-header{align-items:center;display:flex;margin-bottom:15px}.mcm-logo{height:48px;margin-right:10px;width:48px}.mcm-header-text h1{font-size:1.25rem;margin:0}.mcm-header-text p{color:#555;font-size:.9rem;margin:0}.mcm-separator{background:#eee;height:1px;margin:10px 0}.mcm-body{display:grid;gap:10px;grid-template-columns:1fr}.mcm-card{border:1px solid #ddd;border-radius:4px;padding:10px}.mcm-card-header{align-items:center;display:flex;justify-content:space-between}.mcm-purpose-desc{color:#666;font-size:.9rem}.badge{background:#eee;border-radius:4px;display:inline-block;font-size:.75rem;margin-right:5px;padding:2px 6px}.badge.mandatory{background:#e74c3c;color:#fff}.badge.expiry{background:#3498db;color:#fff}.switch{display:inline-block;height:20px;margin:0 5px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.track{background:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.thumb,.track{position:absolute}.thumb{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;transition:.2s;width:16px}input:checked+.track{background:#2ecc71}input:checked+.track+.thumb{transform:translateX(20px)}.toggle-label{font-size:.9rem}.accordion-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0;text-align:left;width:100%}.panel{padding:5px 0 10px}.pill{background:#f1f1f1;border-radius:12px;display:inline-block;font-size:.8rem;margin:2px;padding:4px 8px}.chevron{transition:transform .3s}.chevron.open{transform:rotate(180deg)}.mcm-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:8px 16px}.mcm-btn.reject{background:#e74c3c;color:#fff;margin-right:10px}.mcm-btn.consent{background:#2ecc71;color:#fff}.mcm-spinner{animation:mcm-spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;height:48px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:48px}@keyframes mcm-spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=index.css.map */