@start-base/react-consent-manager/styles.css

JavaScript library designed to simplify the management of user consents in web applications developed with React. This package is particularly useful for complying with data protection regulations such as the General Data Protection Regulation (GDPR) in t

.SUI-ConsentItem-module-item-leSvO{margin:24px 0}.SUI-ConsentItem-module-item-leSvO:first-of-type{margin-top:0}.SUI-ConsentItem-module-item-leSvO .SUI-ConsentItem-module-title-jjIjN{align-items:flex-end;border-bottom:1px solid var(--rcm-consent-item-border);display:flex;justify-content:space-between;margin-bottom:16px}.SUI-ConsentItem-module-item-leSvO .SUI-ConsentItem-module-title-jjIjN .SUI-ConsentItem-module-label-UP2Jl,.SUI-ConsentItem-module-item-leSvO .SUI-ConsentItem-module-title-jjIjN .SUI-ConsentItem-module-mandatory-ro8jv{margin-bottom:16px}.SUI-ConsentItem-module-item-leSvO .SUI-ConsentItem-module-title-jjIjN .SUI-ConsentItem-module-mandatory-ro8jv{align-items:center;color:var(--rcm-necessary-text-color);display:flex;font-size:14px;font-weight:700;height:28px}.SUI-ConsentItem-module-item-leSvO .SUI-ConsentItem-module-description-YRQH4{font-weight:400;line-height:24px;margin:8px 0}.SUI-Switch-module-switch-PKzsW{display:inline-flex;flex-direction:column;margin:auto 0;position:relative}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr{align-items:center;display:flex}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchCheckbox-q6QVK{height:0;left:0;opacity:0;position:fixed;top:0;width:0;z-index:0}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchCheckbox-q6QVK:focus-visible~.SUI-Switch-module-switchLabel-mNtkk{box-shadow:0 1px 3px rgba(0,0,0,.15)}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchLabel-mNtkk{background-color:var(--rcm-switch-bg);border:1px solid var(--rcm-switch-border);border-radius:20px;cursor:pointer;display:block;height:28px;min-width:56px;overflow:hidden;position:relative;transition:all .25s;width:56px}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchLabel-mNtkk:hover{box-shadow:0 1px 3px rgba(0,0,0,.15)}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchLabel-mNtkk .SUI-Switch-module-switchSwitch-w8MgH{background:var(--rcm-switch-handle-bg);border:1px solid var(--rcm-switch-border);border-radius:100px;bottom:0;display:block;height:20px;margin:1px;position:absolute;right:29px;top:2px;width:20px}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchLabel-mNtkk.SUI-Switch-module-switchInnerChecked-9Z9On{background:var(--rcm-switch-checked-bg)}.SUI-Switch-module-switch-PKzsW .SUI-Switch-module-inputRoot-k5hXr .SUI-Switch-module-switchLabel-mNtkk .SUI-Switch-module-switchSwitchChecked-OepRX{right:2px}.SUI-ConsentModal-module-modal-O5-BH{align-items:center;display:flex;font-size:14px;inset:0;justify-content:center;position:fixed;z-index:99999}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew{background-color:var(--rcm-modal-bg);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.1),0 32px 32px 0 rgba(0,0,0,.1);box-sizing:border-box;color:var(--rcm-text-color);display:grid;grid-template-rows:min-content auto min-content;height:calc(100% - 12px);max-height:640px;max-width:720px;padding:24px;transition:all .3s ease;width:calc(100% - 12px)}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-header-Lhfpc{padding:24px}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-header-Lhfpc h1{margin:0 0 16px}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-main-nfmL3{overflow-y:auto;padding:0 24px;transition:all .3s ease}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;padding:24px;position:relative}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-shadow-JfdKw{background:linear-gradient(180deg,var(--rcm-transparent) 0,var(--rcm-modal-bg) 100%);bottom:calc(100% - 1px);display:block;height:40px;position:absolute;width:calc(100% - 48px)}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-primary-9Ogv2,.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-secondary-CTmkJ{border-radius:var(--rcm-border-radius);cursor:pointer;flex:auto;font-family:inherit;font-size:14px;font-weight:300;height:44px;line-height:24px;margin:0;padding:8px 32px;transition:all .3s ease;white-space:nowrap}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-secondary-CTmkJ{background-color:var(--rcm-button-secondary-bg);border:2px solid var(--rcm-button-secondary-border);color:var(--rcm-button-secondary-text-color)}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-secondary-CTmkJ:hover{background-color:var(--rcm-button-secondary-bg-hover)}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-primary-9Ogv2{background:var(--rcm-button-primary-bg);border:px solid var(--rcm-button-primary-border);color:var(--rcm-button-primary-text-color)}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA .SUI-ConsentModal-module-primary-9Ogv2:hover{background-color:var(--rcm-button-primary-bg-hover);border-color:var(--rcm-transparent)}@media (max-width:992px){.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA{align-items:flex-start;flex-direction:column}.SUI-ConsentModal-module-modal-O5-BH .SUI-ConsentModal-module-content-rihew .SUI-ConsentModal-module-footer-nEdCA button{width:100%}}.SUI-ConsentBanner-module-banner-C-l7X{background-color:var(--rcm-banner-bg);bottom:0;box-shadow:0 -8px 8px 0 rgba(0,0,0,.1);display:block;left:0;padding:36px;position:fixed;right:0;transition:all .3s ease;z-index:99999}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp{display:flex;gap:16px;justify-content:space-between;margin:auto;max-width:1440px}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-message-B45vh{color:var(--rcm-text-color);transition:all .3s ease}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-message-B45vh a{color:var(--rcm-text-color);font-weight:700;text-decoration:none;transition:all .3s ease}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-actions-RNSjn{align-items:center;display:flex;flex-direction:row;gap:12px}@media (max-width:992px){.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-actions-RNSjn{align-items:flex-start;flex-direction:column}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-actions-RNSjn button{width:100%}}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-secondary-du8tj{background-color:var(--rcm-button-secondary-bg);border:1px solid var(--rcm-button-secondary-border);border-radius:var(--rcm-border-radius);color:var(--rcm-button-secondary-text-color);cursor:pointer;flex:auto;font-family:inherit;font-size:14px;font-weight:300;height:44px;line-height:24px;margin:0;padding:8px 32px;transition:all .3s ease;white-space:nowrap}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-secondary-du8tj:hover{background-color:var(--rcm-button-secondary-bg-hover)}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-primary-MnZfH{background-color:var(--rcm-button-primary-bg);border:1px solid var(--rcm-button-primary-border);border-radius:var(--rcm-border-radius);color:var(--rcm-button-primary-text-color);cursor:pointer;flex:auto;font-family:inherit;font-size:14px;font-weight:300;height:44px;line-height:24px;margin:0;padding:8px 32px;transition:all .3s ease;white-space:nowrap}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-primary-MnZfH:hover{background-color:var(--rcm-button-primary-bg-hover);border-color:var(--rcm-transparent)}@media (max-width:576px){.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp{align-items:flex-start;flex-direction:column;gap:24px}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-message-B45vh{padding-right:0}.SUI-ConsentBanner-module-banner-C-l7X .SUI-ConsentBanner-module-content-qKhUp .SUI-ConsentBanner-module-actions-RNSjn{width:100%}}.light,:root,[data-theme=light]{--rcm-border-radius:6px;--rcm-transparent:transparent;--rcm-text-color:#000;--rcm-button-primary-bg:#000;--rcm-button-primary-border:#000;--rcm-button-primary-text-color:#fff;--rcm-button-primary-bg-hover:#222;--rcm-button-secondary-bg:#fff;--rcm-button-secondary-border:#eee;--rcm-button-secondary-text-color:#000;--rcm-button-secondary-bg-hover:#eee;--rcm-banner-bg:#ebd2ff;--rcm-modal-bg:#fff6d2;--rcm-necessary-text-color:#00e317;--rcm-consent-item-border:#d6d6d6;--rcm-switch-bg:#fafafa;--rcm-switch-border:#ddd;--rcm-switch-handle-bg:#fafafa;--rcm-switch-checked-bg:#f0f0f0}.dark,[data-theme=dark]{--rcm-text-color:#fff;--rcm-banner-bg:#59019c;--rcm-modal-bg:#093c9b;--rcm-switch-bg:#989898;--rcm-switch-border:#4e4e4e;--rcm-switch-handle-bg:#989898;--rcm-switch-checked-bg:#606060}