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

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

.mcm-overlay{align-items:flex-start;background:rgba(0,0,0,.25);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:1000}.mcm-container{background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;flex-direction:column;max-width:800px;overflow:hidden;width:100%}.mcm-header{align-items:center;display:flex;padding:1.5rem}.mcm-logo{height:48px;margin-right:1rem;width:48px}.mcm-header-text h1{font-size:1.75rem;font-weight:700;margin:0}.mcm-header-text p{color:#d35400;font-size:1rem;margin:.25rem 0 0}.mcm-separator{background:#eee;height:1px;margin:0 1.5rem}.mcm-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.mcm-card{border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem}.mcm-card-header{align-items:center;display:flex;justify-content:space-between}.mcm-card-header h2{font-size:1.5rem;font-weight:700;margin:0}.mcm-purpose-desc{color:#444;font-size:.95rem;margin:.25rem 0 0}.mcm-card-actions{align-items:center;display:flex;gap:.75rem}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .65rem;white-space:nowrap}.mandatory{background:#fdecea;color:#e74c3c}.expiry{background:#f4f4f4;color:#555}.switch{height:22px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.track{background:#ccc;border-radius:11px;inset:0;position:absolute;transition:background .3s}.switch input:checked+.track{background:#2ecc71}.thumb{background:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .3s;width:18px}.switch input:checked+.track+.thumb{transform:translateX(18px)}.toggle-label{color:#2ecc71;font-size:.9rem;font-weight:600}.accordion{margin-top:1rem}.accordion-btn{align-items:center;background:none;border:none;border-bottom:1px solid #e5e5e5;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.8rem 0;text-align:left;width:100%}.panel{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.chevron{transition:transform .25s}.chevron.open{transform:rotate(180deg)}.pill{background:#fff;border:1px solid #ccc;border-radius:16px;font-size:.85rem;padding:.4rem .9rem;white-space:nowrap}.mcm-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.mcm-btn{border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.8rem 1.6rem}.reject{background:#fff;border-color:#e74c3c;color:#e74c3c}.consent{background:#8e44ad;color:#fff}@media (max-width:600px){.mcm-header{align-items:flex-start;flex-direction:column}.mcm-logo{margin-bottom:.5rem}.mcm-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.mcm-card-actions{flex-wrap:wrap}}
/*# sourceMappingURL=MarsConsentModal.css.css.map */