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

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

{"version":3,"sources":["MarsConsentModal.css","RightCenter.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".mcm-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; z-index:1000; }\n.mcm-container { background:#fff; border-radius:8px; width:90%; max-width:600px; max-height:90%; overflow:auto; padding:20px; }\n.mcm-header { display:flex; align-items:center; margin-bottom:15px; }\n.mcm-logo { width:48px; height:48px; margin-right:10px; }\n.mcm-header-text h1 { margin:0; font-size:1.25rem; }\n.mcm-header-text p { margin:0; font-size:0.9rem; color:#555; }\n.mcm-separator { height:1px; background:#eee; margin:10px 0; }\n.mcm-body { display:grid; grid-template-columns:1fr; gap:10px; }\n.mcm-card { border:1px solid #ddd; border-radius:4px; padding:10px; }\n.mcm-card-header { display:flex; justify-content:space-between; align-items:center; }\n.mcm-purpose-desc { font-size:0.9rem; color:#666; }\n.badge { display:inline-block; padding:2px 6px; font-size:0.75rem; border-radius:4px; background:#eee; margin-right:5px; }\n.badge.mandatory { background:#e74c3c; color:#fff; }\n.badge.expiry { background:#3498db; color:#fff; }\n.switch { position:relative; display:inline-block; width:40px; height:20px; margin:0 5px; }\n.switch input { opacity:0; width:0; height:0; }\n.track { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#ccc; border-radius:20px; }\n.thumb { position:absolute; content:\"\"; height:16px; width:16px; left:2px; bottom:2px; background:#fff; border-radius:50%; transition:.2s; }\ninput:checked + .track { background:#2ecc71; }\ninput:checked + .track + .thumb { transform: translateX(20px); }\n.toggle-label { font-size:0.9rem; }\n.accordion-btn { width:100%; background:none; border:none; text-align:left; padding:8px 0; font-size:1rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }\n.panel { padding:5px 0 10px 0; }\n.pill { display:inline-block; padding:4px 8px; background:#f1f1f1; border-radius:12px; margin:2px; font-size:0.8rem; }\n.chevron { transition: transform .3s; }\n.chevron.open { transform: rotate(180deg); }\n.mcm-btn { padding:8px 16px; border:none; border-radius:4px; cursor:pointer; font-size:1rem; }\n.mcm-btn.reject { background:#e74c3c; color:#fff; margin-right:10px; }\n.mcm-btn.consent { background:#2ecc71; color:#fff; }\n.mcm-spinner {\n  border: 4px solid rgba(0,0,0,0.1);\n  border-top-color: #3498db;\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  animation: mcm-spin 1s linear infinite;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n@keyframes mcm-spin {\n  to { transform: rotate(360deg); }\n}","\n/* ================= RESET & BASE STYLES ================ */\n* {\n  box-sizing: border-box;\n}\n\n.rc-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: #f8fafc;\n  min-height: 100vh;\n}\n\n/* ================= TABS ================ */\n.rc-tabs {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 24px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.rc-tab {\n  padding: 12px 24px;\n  border: none;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #6b7280;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: 1px solid #e5e7eb;\n}\n\n.rc-tab:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.rc-tab-active {\n  background: #3b82f6;\n  color: white;\n  border-color: #3b82f6;\n}\n\n/* ================= PRINCIPAL ID ================ */\n.rc-principal-id {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #dbeafe;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  padding: 12px 16px;\n  margin-bottom: 32px;\n}\n\n.rc-principal-icon {\n  color: #3b82f6;\n  width: 20px;\n  height: 20px;\n}\n\n.rc-principal-text {\n  color: #1e40af;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n/* ================= CONTENT WRAPPER ================ */\n.rc-content {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  border: 1px solid #e5e7eb;\n}\n\n/* ================= TYPOGRAPHY ================ */\n.rc-section-title {\n  font-size: 24px;\n  font-weight: 700;\n  color: #111827;\n  margin: 0 0 8px 0;\n}\n\n.rc-section-subtitle {\n  font-size: 16px;\n  color: #6b7280;\n  margin: 0 0 24px 0;\n}\n\n/* ================= SECTION HEADER ================ */\n.rc-section-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 24px;\n  gap: 16px;\n}\n\n/* ================= BUTTONS ================ */\n.rc-btn-primary {\n  background: #3b82f6;\n  color: white;\n  border: none;\n  padding: 12px 20px;\n  border-radius: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.rc-btn-primary:hover {\n  background: #2563eb;\n}\n\n.rc-btn-secondary {\n  background: white;\n  color: #374151;\n  border: 1px solid #d1d5db;\n  padding: 12px 20px;\n  border-radius: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.rc-btn-secondary:hover {\n  background: #f9fafb;\n  border-color: #9ca3af;\n}\n\n.rc-btn-danger {\n  background: white;\n  color: #dc2626;\n  border: 1px solid #dc2626;\n  padding: 12px 20px;\n  border-radius: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.rc-btn-danger:hover {\n  background: #fef2f2;\n}\n\n.rc-btn-icon {\n  width: 16px;\n  height: 16px;\n}\n\n/* ================= CONSENT SECTION ================ */\n.rc-consent-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.rc-consent-item {\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  padding: 24px;\n  background: #ffffff;\n  position: relative;\n}\n\n.rc-consent-header {\n  margin-bottom: 16px;\n}\n\n.rc-consent-title-row {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-around;\n  margin-bottom: 12px;\n}\n\n.rc-consent-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: #111827;\n  margin: 0;\n  flex: 1;\n}\n\n.rc-consent-header-right {\n  display: flex;\n  align-items: center;\n  /* margin-right: 70px; */\n  gap: 12px;\n}\n\n.rc-info-icon {\n  color: #6b7280;\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  transition: color 0.2s ease;\n}\n\n.rc-info-icon:hover {\n  color: #374151;\n}\n\n.rc-badge {\n  padding: 4px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.rc-badge-mandatory {\n  background: #fecaca;\n  color: #991b1b;\n}\n\n.rc-badge-optional {\n  background: #d1fae5;\n  color: #065f46;\n}\n\n.rc-consent-description {\n  font-size: 14px;\n  color: #6b7280;\n  margin: 0 0 16px 0;\n  line-height: 1.5;\n}\n\n.rc-consent-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.rc-detail-item {\n  display: flex;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.rc-detail-label {\n  font-weight: 500;\n  color: #374151;\n  min-width: 120px;\n}\n\n.rc-detail-value {\n  color: #6b7280;\n}\n\n.rc-consent-status {\n  display: flex;\n  gap: 24px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.rc-status-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.rc-status-label {\n  color: #374151;\n  font-weight: 500;\n}\n\n.rc-status-pill {\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.rc-status-yes {\n  background: #d1fae5;\n  color: #065f46;\n}\n\n.rc-status-no {\n  background: #fef2f2;\n  color: #991b1b;\n}\n\n/* ================= TOGGLE SWITCH ================ */\n.rc-consent-toggle {\n  position: absolute;\n  top: 50%;\n  right: 24px;\n}\n\n.rc-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.rc-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.rc-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #cbd5e0;\n  transition: 0.4s;\n  border-radius: 24px;\n}\n\n.rc-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 18px;\n  width: 18px;\n  left: 3px;\n  bottom: 3px;\n  background-color: white;\n  transition: 0.4s;\n  border-radius: 50%;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\ninput:checked + .rc-slider {\n  background-color: #3b82f6;\n}\n\ninput:checked + .rc-slider:before {\n  transform: translateX(26px);\n}\n\n/* ================= RIGHTS SECTION ================ */\n.rc-rights-actions {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n/* ================= TRANSPARENCY SECTION ================ */\n.rc-transparency-text {\n  font-size: 16px;\n  color: #374151;\n  line-height: 1.6;\n  margin: 0;\n}\n\n/* ================= DPO SECTION ================ */\n.rc-dpo-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 8px;\n}\n\n.rc-dpo-icon {\n  color: #3b82f6;\n  width: 24px;\n  height: 24px;\n}\n\n.rc-dpo-content {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  margin-top: 32px;\n}\n\n.rc-dpo-left,\n.rc-dpo-right {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.rc-dpo-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.rc-dpo-item-icon {\n  color: #6b7280;\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.rc-dpo-item div {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.rc-dpo-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.rc-dpo-value {\n  font-size: 14px;\n  color: #6b7280;\n}\n\n.rc-dpo-info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.rc-dpo-time-icon {\n  color: #6b7280;\n  width: 16px;\n  height: 16px;\n}\n\n.rc-response-box {\n  background: #eff6ff;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  padding: 16px;\n  margin-top: 8px;\n}\n\n.rc-response-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #1e40af;\n  margin: 0 0 8px 0;\n}\n\n.rc-response-text {\n  font-size: 14px;\n  color: #1e40af;\n  margin: 0;\n  line-height: 1.5;\n}\n\n/* ================= NOMINEE SECTION ================ */\n\n.rc-nominee-details-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px 32px;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 24px;\n  margin-top: 16px;\n}\n\n/* each icon + label/value pair */\n.rc-nominee-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n/* force a row to span both columns */\n.rc-nominee-fullwidth {\n  grid-column: 1 / -1;\n}\n\n/* icon styling */\n.rc-nominee-icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  color: #6b7280;\n}\n\n/* labels are bold, smaller text */\n.rc-nominee-label {\n  display: block;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: #374151;\n}\n\n/* values are regular weight, muted color */\n.rc-nominee-value {\n  display: block;\n  font-size: 0.875rem;\n  color: #6b7280;\n  margin-top: 2px;\n}\n\n/* full-width action buttons under grid */\n.rc-nominee-actions-fullwidth {\n  grid-column: 1 / -1;\n  display: flex;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: flex-start;\n}\n\n/* reuse your existing btn-danger override, if needed */\n.rc-btn-danger {\n  background: #dc2626;\n  color: #fff;\n  border: none;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.rc-btn-danger:hover {\n  background: #b91c1c;\n}\n\n/* Danger button (delete) */\n.rc-btn-danger {\n  background: #dc2626;\n  color: #fff;\n  border: none;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.rc-btn-danger:hover {\n  background: #b91c1c;\n}\n.rc-nominee-warning {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  background: #fef3c7;\n  border: 1px solid #fbbf24;\n  border-radius: 8px;\n  padding: 16px;\n  margin-bottom: 24px;\n}\n\n.rc-warning-icon {\n  font-size: 20px;\n  margin-top: 2px;\n}\n\n.rc-nominee-warning p {\n  font-size: 14px;\n  color: #92400e;\n  margin: 0;\n  line-height: 1.5;\n}\n\n.rc-nominee-form {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.rc-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.rc-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.rc-form-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.rc-form-input,\n.rc-form-select,\n.rc-form-textarea {\n  padding: 12px 16px;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  font-size: 14px;\n  transition: border-color 0.2s ease;\n}\n\n.rc-form-input:focus,\n.rc-form-select:focus,\n.rc-form-textarea:focus {\n  outline: none;\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.rc-form-textarea {\n  resize: vertical;\n  font-family: inherit;\n}\n\n.rc-form-actions {\n  display: flex;\n  gap: 12px;\n  justify-content: flex-start;\n  margin-top: 8px;\n}\n\n/* ================= GRIEVANCE SECTION ================ */\n.rc-grievance-form {\n  background: #f8fafc;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  padding: 24px;\n  margin-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.rc-tickets-section {\n  margin-top: 32px;\n}\n\n.rc-tickets-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: #111827;\n  margin: 0 0 16px 0;\n}\n\n.rc-empty-state {\n  text-align: center;\n  padding: 40px 20px;\n  color: #6b7280;\n}\n\n.rc-ticket-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.rc-ticket-item {\n  background: #f8fafc;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 20px;\n}\n\n.rc-ticket-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.rc-ticket-subject {\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n  margin: 0;\n}\n\n.rc-ticket-status {\n  background: #d1fae5;\n  color: #065f46;\n  padding: 4px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n}\n\n.rc-ticket-description {\n  font-size: 14px;\n  color: #6b7280;\n  margin: 0;\n  line-height: 1.5;\n}\n\n/* ================= MODAL ================ */\n.rc-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 24px;\n  z-index: 1000;\n}\n\n.rc-modal {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  max-width: 700px;\n  width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n  position: relative;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n.rc-modal-small {\n  max-width: 400px;\n}\n\n.rc-modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.rc-modal-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: #111827;\n  margin: 0;\n}\n\n.rc-modal-close {\n  background: #f3f4f6;\n  border: none;\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 6px;\n  color: #6b7280;\n  transition: all 0.2s ease;\n}\n\n.rc-modal-close:hover {\n  background: #e5e7eb;\n  color: #374151;\n}\n\n.rc-modal-subtitle {\n  font-size: 14px;\n  color: #6b7280;\n  margin-bottom: 24px;\n}\n\n.rc-modal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.rc-modal-section {\n  padding: 20px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n}\n\n.rc-modal-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n  margin: 0 0 16px 0;\n}\n\n.rc-modal-field {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 12px;\n  font-size: 14px;\n}\n\n.rc-modal-field-label {\n  min-width: 140px;\n  color: #374151;\n}\n\n.rc-modal-field-value {\n  color: #6b7280;\n  flex: 1;\n}\n\n.rc-elements-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 16px;\n  margin-top: 16px;\n}\n\n.rc-element-card {\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 16px;\n}\n\n.rc-element-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #111827;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.rc-element-description {\n  font-size: 13px;\n  color: #6b7280;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.rc-modal-status-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n  font-size: 14px;\n}\n\n.rc-modal-status-label {\n  color: #374151;\n  font-weight: 500;\n}\n\n.rc-modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  margin-top: 24px;\n}\n\n.rc-modal-success {\n  text-align: center;\n  padding: 32px;\n}\n\n.rc-success-icon {\n  color: #10b981;\n  width: 48px;\n  height: 48px;\n  margin-bottom: 16px;\n}\n\n/* ================= RESPONSIVE DESIGN ================ */\n@media (max-width: 768px) {\n  .rc-container {\n    padding: 16px;\n  }\n  \n  .rc-content {\n    padding: 24px 20px;\n  }\n  \n  .rc-section-header {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 16px;\n  }\n  \n  .rc-tabs {\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  \n  .rc-consent-status {\n    flex-direction: column;\n    gap: 8px;\n  }\n  \n  .rc-consent-toggle {\n    position: static;\n    margin-top: 16px;\n    display: flex;\n    justify-content: flex-end;\n  }\n  \n  .rc-rights-actions {\n    flex-direction: column;\n  }\n  \n  .rc-dpo-content {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  \n  .rc-form-row {\n    grid-template-columns: 1fr;\n  }\n  \n  .rc-modal {\n    margin: 16px;\n    padding: 24px;\n  }\n  \n  .rc-elements-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 480px) {\n  .rc-section-title {\n    font-size: 20px;\n  }\n  \n  .rc-tab {\n    padding: 10px 16px;\n    font-size: 13px;\n  }\n  \n  .rc-modal {\n    margin: 8px;\n    padding: 20px;\n  }\n  \n  .rc-form-actions {\n    flex-direction: column;\n  }\n}\n.rc-empty-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: #f9fafb;\n  border: 1px dashed #e5e7eb;\n  border-radius: 6px;\n  color: #6b7280;\n  font-style: italic;\n  padding: 16px;\n  margin: 16px 0;\n}\n\n.rc-empty-state-icon {\n  width: 20px;\n  height: 20px;\n  color: #2563eb;\n}"]}