#wpmagus-consent-manager-dialog-wrapper {position: fixed; top: 0; left: 0; right: 0; height: 100%; display: none; z-index: 999999;}
#wpmagus-consent-manager-dialog-wrapper:before {content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: #1F212460;
    backdrop-filter: blur(3px);
}


#wpmagus-consent-manager-dialog {position: fixed; gap: 16px; display: flex; flex-direction: column; top: 50%; left: 50%; width: 800px; max-width: calc(100vw - 64px); height: auto; max-height: calc(100vh - 64px); background: #fff; padding: 16px 32px; text-transform: initial;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wpmagus-consent-manager-dialog .dialog-header {}
#wpmagus-consent-manager-dialog .dialog-header .dialog-title {margin-top: 16px;}

#wpmagus-consent-manager-dialog .dialog-content {overflow-y: auto;}
#wpmagus-consent-manager-dialog .dialog-content .consents {list-style: none; margin: 0; padding: 0;}
#wpmagus-consent-manager-dialog .dialog-content .consents li {margin: 12px 0; font-size: 14px; padding-right: 64px; position: relative; color: #758296;}
#wpmagus-consent-manager-dialog .dialog-content .consents li label {font-weight: bold; color: #1F2124;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox {position: absolute; right: 8px; top: 0;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input {position: absolute; left: -9999px;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input + span {width: 32px; height: 16px; background: #1F2124; border-radius: 8px; display: inline-block; position: relative; opacity: .6;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input + span:after {content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 2px; left: 2px; background: #fff;}

#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input:checked + span {opacity: 1;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input:checked + span:after {left: auto; right: 2px;}

#wpmagus-consent-manager-dialog .dialog-content .consents li .checkbox input:focus + span {outline-offset: 2px; outline-width: 1px; outline-style: solid;}

#wpmagus-consent-manager-dialog .dialog-content .consents li button.toggle-details {background: transparent; border: 0; display: inline; padding: 0; text-decoration: underline;}
#wpmagus-consent-manager-dialog .dialog-content .consents li button.toggle-details span:first-child {}
#wpmagus-consent-manager-dialog .dialog-content .consents li button.toggle-details span:last-child {display: none;}
#wpmagus-consent-manager-dialog .dialog-content .consents li .additional-details {display: none;}

#wpmagus-consent-manager-dialog .dialog-content .consents li.with-details button.toggle-details span:first-child {display: none;}
#wpmagus-consent-manager-dialog .dialog-content .consents li.with-details button.toggle-details span:last-child {display: inline;}
#wpmagus-consent-manager-dialog .dialog-content .consents li.with-details .additional-details {display: block;}

#wpmagus-consent-manager-dialog .dialog-footer {}
#wpmagus-consent-manager-dialog .dialog-footer .buttons {display: flex; flex-wrap: wrap; gap: 16px 32px; justify-content: center; box-sizing: border-box;}
#wpmagus-consent-manager-dialog .dialog-footer .buttons button {margin: 0; line-height: 1.5; box-shadow: none;}
#wpmagus-consent-manager-dialog .dialog-footer .accept-selection,
#wpmagus-consent-manager-dialog .dialog-footer .accept-all {width: calc(50% - 16px); font-size: 16px; text-transform: none; font-weight: bold; border: 2px solid #1F2124; border-radius: 8px; padding: 12px;}
#wpmagus-consent-manager-dialog .dialog-footer .accept-selection {color: #1F2124; background: transparent;}
#wpmagus-consent-manager-dialog .dialog-footer .accept-all {color: #fff; background: #1F2124;}
#wpmagus-consent-manager-dialog .dialog-footer .reject-all {border: 0; padding: 0; font-size: 14px; text-decoration: underline; background: transparent; color: #758296}
#wpmagus-consent-manager-dialog .dialog-footer .reject-all:hover {text-decoration: none;}

@media (max-width: 580px) {
    #wpmagus-consent-manager-dialog .dialog-footer .accept-selection,
    #wpmagus-consent-manager-dialog .dialog-footer .accept-all {width: 100%;}
}



.wpmagus-consent-manager-show-consents {position: fixed; bottom: 2rem; left: 2rem; top: auto; right: auto; min-width: 0; width: 4rem; height: 4rem; padding: 0; opacity: 1; border-radius: 50%; background: #fff; border: 1px solid black; z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.wpmagus-consent-manager-show-consents span {display: block; text-indent: -9999px;}
.wpmagus-consent-manager-show-consents:before {content: ''; background: transparent url('../images/icon-cookies.png') no-repeat 50% 50%; background-size: contain; width: 2rem; height: 2rem; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}