UNPKG

@truconsent/consent-banner-react

Version:

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

1 lines 4.36 kB
{"version":3,"sources":["MarsConsentModal.css"],"names":[],"mappings":"AAAA,aAAmH,kBAAkB,CAA7D,yBAA2B,CAAE,YAAY,CAAtD,WAAW,CAAiE,sBAAsB,CAAtH,MAAM,CAA9B,cAAe,CAAE,KAAK,CAAU,UAAU,CAAsG,YAAc,CAC7K,eAAiB,eAAe,CAAE,iBAAiB,CAA8B,cAAc,CAA/B,eAAe,CAAkB,aAAa,CAAE,YAAY,CAAvE,SAAyE,CAC9H,YAA4B,kBAAkB,CAAhC,YAAY,CAAsB,kBAAoB,CACpE,UAAwB,WAAW,CAAE,iBAAiB,CAA1C,UAA4C,CACxD,oBAAgC,iBAAiB,CAA3B,QAA6B,CACnD,mBAAiD,UAAU,CAA5B,eAAgB,CAA1B,QAAwC,CAC7D,eAA6B,eAAe,CAA3B,UAAU,CAAmB,aAAe,CAC7D,UAAY,YAAY,CAA6B,QAAQ,CAAnC,yBAAqC,CAC/D,UAAY,qBAAqB,CAAE,iBAAiB,CAAE,YAAc,CACpE,iBAAgE,kBAAkB,CAA/D,YAAY,CAAE,6BAAmD,CACpF,kBAAsC,UAAU,CAA5B,eAA8B,CAClD,OAAsF,eAAe,CAAlC,iBAAiB,CAA3E,oBAAoB,CAAmB,gBAAiB,CAAsC,gBAAgB,CAAxF,eAA0F,CACzH,iBAAmB,kBAAkB,CAAE,UAAY,CACnD,cAAgB,kBAAkB,CAAE,UAAY,CAChD,QAA6B,oBAAoB,CAAc,WAAW,CAAE,YAAY,CAA9E,iBAAiB,CAAwB,UAAuC,CAC1F,cAAoC,QAAQ,CAA5B,SAAS,CAAE,OAAmB,CAC9C,OAA8E,eAAe,CAAE,kBAAkB,CAA7C,QAAQ,CAAhD,cAAc,CAAS,MAAM,CAAE,OAAO,CAAtB,KAAuE,CACnH,cADS,iBACkI,CAA3I,OAAuF,eAAe,CAAE,iBAAiB,CAA9C,UAAU,CAAzD,UAAU,CAAE,WAAW,CAAc,QAAQ,CAAkD,cAAc,CAApF,UAAsF,CAC3I,qBAAyB,kBAAoB,CAC7C,4BAAkC,0BAA6B,CAC/D,cAAgB,eAAkB,CAClC,eAAwK,kBAAkB,CAA7J,eAAe,CAAE,WAAW,CAAkD,cAAc,CAAE,YAAY,CAA5C,cAAc,CAAgC,6BAA6B,CAA1F,aAAa,CAA9B,eAAe,CAAzD,UAA2K,CAC5L,OAAS,kBAAsB,CAC/B,MAA+C,kBAAkB,CAAE,kBAAkB,CAA7E,oBAAoB,CAAuE,eAAgB,CAA5B,UAAU,CAAnE,eAAuF,CACrH,SAAW,wBAA2B,CACtC,cAAgB,wBAA2B,CAC3C,SAA6B,WAAW,CAAE,iBAAiB,CAAE,cAAc,CAAE,cAAc,CAAhF,gBAAkF,CAC7F,gBAAkB,kBAAkB,CAAE,UAAU,CAAE,iBAAmB,CACrE,iBAAmB,kBAAkB,CAAE,UAAY,CACnD,aAME,qCAAsC,CAJtC,+BAAyB,CACzB,iBAAkB,CADlB,wBAAyB,CAGzB,WAAY,CAIZ,QAAS,CAFT,cAAe,CACf,OAAQ,CAER,8BAAgC,CANhC,UAOF,CACA,oBACE,GAAK,uBAA2B,CAClC","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}"]}