@truconsent/consent-banner-react/dist/TruConsentModal.css.map

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

{"version":3,"sources":["MarsConsentModal.css"],"names":[],"mappings":"AACA,aAME,sBAAuB,CAHvB,0BAA4B,CAC5B,YAAa,CAFb,OAAQ,CAGR,sBAAuB,CAGvB,eAAgB,CADhB,iBAAkB,CANlB,cAAe,CAQf,YACF,CACA,eACE,eAAgB,CAChB,kBAAmB,CACnB,qCAAuC,CAGvC,YAAa,CACb,qBAAsB,CAFtB,eAAgB,CAGhB,eAAgB,CAJhB,UAKF,CAGA,YAEE,kBAAmB,CADnB,YAAa,CAEb,cACF,CACA,UAEE,WAAY,CACZ,iBAAkB,CAFlB,UAGF,CACA,oBAEE,iBAAkB,CAClB,eAAgB,CAFhB,QAGF,CACA,mBAEE,aAAc,CACd,cAAe,CAFf,iBAGF,CAGA,eAEE,eAAgB,CADhB,UAAW,CAEX,eACF,CAGA,UACE,YAAa,CACb,qBAAsB,CACtB,UAAW,CACX,cACF,CAGA,UACE,wBAAyB,CACzB,kBAAmB,CACnB,cACF,CACA,iBAGE,kBAAmB,CAFnB,YAAa,CACb,6BAEF,CACA,oBAEE,gBAAiB,CACjB,eAAgB,CAFhB,QAGF,CACA,kBAGE,UAAW,CADX,gBAAkB,CADlB,iBAGF,CACA,kBAEE,kBAAmB,CADnB,YAAa,CAEb,UACF,CAGA,OAEE,kBAAmB,CACnB,gBAAkB,CAClB,eAAgB,CAHhB,qBAAwB,CAIxB,kBACF,CACA,WACE,kBAAmB,CACnB,aACF,CACA,QACE,kBAAmB,CACnB,UACF,CAGA,QAGE,WAAY,CAFZ,iBAAkB,CAClB,UAEF,CACA,cAGE,QAAS,CAFT,SAAU,CACV,OAEF,CACA,OAGE,eAAgB,CAChB,kBAAmB,CAFnB,OAAQ,CADR,iBAAkB,CAIlB,yBACF,CACA,6BACE,kBACF,CACA,OAME,eAAgB,CAChB,iBAAkB,CAJlB,WAAY,CAEZ,QAAS,CAJT,iBAAkB,CAGlB,OAAQ,CAIR,wBAA0B,CAN1B,UAOF,CACA,oCACE,0BACF,CACA,cACE,aAAc,CACd,eAAiB,CACjB,eACF,CAGA,WACE,eACF,CACA,eAYE,kBAAmB,CAVnB,eAAgB,CAOhB,WAAgC,CAAhC,+BAAgC,CADhC,UAAW,CAKX,cAAe,CAHf,YAAa,CAJb,cAAe,CACf,eAAgB,CAIhB,6BAA8B,CAP9B,eAAiB,CACjB,eAAgB,CAJhB,UAaF,CACA,OAEE,YAAa,CACb,cAAe,CACf,SAAW,CAHX,eAIF,CAGA,SACE,yBACF,CACA,cACE,wBACF,CAGA,MAIE,eAAgB,CAChB,qBAAsB,CAFtB,kBAAmB,CADnB,gBAAkB,CADlB,mBAAsB,CAKtB,kBACF,CAGA,YAEE,YAAa,CAEb,QAAS,CADT,wBAAyB,CAFzB,cAIF,CACA,SAOE,4BAA6B,CAJ7B,iBAAkB,CAClB,cAAe,CAFf,cAAe,CAGf,eAAgB,CAChB,eAAgB,CALhB,oBAOF,CACA,QACE,eAAgB,CAEhB,oBAAqB,CADrB,aAEF,CACA,SACE,kBAAmB,CACnB,UACF,CAGA,yBACE,YAEE,sBAAuB,CADvB,qBAEF,CACA,UACE,mBACF,CACA,iBAEE,sBAAuB,CADvB,qBAAsB,CAEtB,QACF,CACA,kBACE,cACF,CACF","file":"TruConsentModal.css","sourcesContent":["/* OVERLAY + CONTAINER */\n.mcm-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.25);\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 2rem 1rem;\n  overflow-y: auto;\n  z-index: 1000;\n}\n.mcm-container {\n  background: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.15);\n  width: 100%;\n  max-width: 800px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n/* HEADER */\n.mcm-header {\n  display: flex;\n  align-items: center;\n  padding: 1.5rem;\n}\n.mcm-logo {\n  width: 48px;\n  height: 48px;\n  margin-right: 1rem;\n}\n.mcm-header-text h1 {\n  margin: 0;\n  font-size: 1.75rem;\n  font-weight: 700;\n}\n.mcm-header-text p {\n  margin: 0.25rem 0 0;\n  color: #d35400;\n  font-size: 1rem;\n}\n\n/* SEPARATOR */\n.mcm-separator {\n  height: 1px;\n  background: #eee;\n  margin: 0 1.5rem;\n}\n\n/* BODY (cards stack) */\n.mcm-body {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  padding: 1.5rem;\n}\n\n/* CARD */\n.mcm-card {\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  padding: 1.5rem;\n}\n.mcm-card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.mcm-card-header h2 {\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n.mcm-purpose-desc {\n  margin: 0.25rem 0 0;\n  font-size: 0.95rem;\n  color: #444;\n}\n.mcm-card-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n/* BADGES */\n.badge {\n  padding: 0.25rem 0.65rem;\n  border-radius: 12px;\n  font-size: 0.75rem;\n  font-weight: 600;\n  white-space: nowrap;\n}\n.mandatory {\n  background: #fdecea;\n  color: #e74c3c;\n}\n.expiry {\n  background: #f4f4f4;\n  color: #555;\n}\n\n/* SWITCH + LABEL */\n.switch {\n  position: relative;\n  width: 40px;\n  height: 22px;\n}\n.switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.track {\n  position: absolute;\n  inset: 0;\n  background: #ccc;\n  border-radius: 11px;\n  transition: background 0.3s;\n}\n.switch input:checked + .track {\n  background: #2ecc71;\n}\n.thumb {\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  top: 2px;\n  left: 2px;\n  background: #fff;\n  border-radius: 50%;\n  transition: transform 0.3s;\n}\n.switch input:checked + .track + .thumb {\n  transform: translateX(18px);\n}\n.toggle-label {\n  color: #2ecc71;\n  font-size: 0.9rem;\n  font-weight: 600;\n}\n\n/* ACCORDION */\n.accordion {\n  margin-top: 1rem;\n}\n.accordion-btn {\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 0.8rem 0;\n  text-align: left;\n  font-size: 1rem;\n  font-weight: 600;\n  color: #333;\n  border-bottom: 1px solid #e5e5e5;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.panel {\n  padding: 0.5rem 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n/* CHEVRON */\n.chevron {\n  transition: transform 0.25s;\n}\n.chevron.open {\n  transform: rotate(180deg);\n}\n\n/* PILL TAGS */\n.pill {\n  padding: 0.4rem 0.9rem;\n  font-size: 0.85rem;\n  border-radius: 16px;\n  background: #fff;\n  border: 1px solid #ccc;\n  white-space: nowrap;\n}\n\n/* FOOTER */\n.mcm-footer {\n  padding: 1.5rem;\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n.mcm-btn {\n  padding: 0.8rem 1.6rem;\n  font-size: 1rem;\n  border-radius: 8px;\n  cursor: pointer;\n  font-weight: 600;\n  min-width: 120px;\n  border: 2px solid transparent;\n}\n.reject {\n  background: #fff;\n  color: #e74c3c;\n  border-color: #e74c3c;\n}\n.consent {\n  background: #8e44ad;\n  color: #fff;\n}\n\n/* RESPONSIVE */\n@media (max-width: 600px) {\n  .mcm-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .mcm-logo {\n    margin-bottom: 0.5rem;\n  }\n  .mcm-card-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1rem;\n  }\n  .mcm-card-actions {\n    flex-wrap: wrap;\n  }\n}\n"]}