fixes

cookie_consent.scss

@@ -0,0 +1,67 @@
+#cookie_consent_checkbox {
+    display: none;
+
+    &:checked #cookieConsentForm {
+        display: none;
+    }
+
+    &:not(:checked) + #cookieConsentForm {
+        display: flex;
+    }
+}
+
+#cookieConsentForm {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .5);
+    font-weight: 100;
+
+    input[type=radio] {
+        display: none;
+    }
+
+    #cookieConsentForm_simple label, .button, input[type=submit],
+    #cookieConsentForm_cutomize label, .button, input[type=submit]
+    {
+        margin: 0;
+    }
+
+    .secondary {
+        background: none;
+        border: 2px solid var(--button-background);
+        color: var(--button-background) !important;
+    }
+
+    .consent_element {
+        margin-top: 1rem;
+    }
+}
+
+#cookieConsentForm form {
+    background : #fff;
+    border: 1px solid var(--box-border);
+    display: inline-block;
+    padding: 1rem;
+    border-radius: 3px;
+}
+
+#cookieConsentForm_defaultbuttons,
+#cookieConsentForm_customizedbuttons {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    margin-top: 1rem;
+}
+
+#cookieConsentForm_simple + div, #cookieConsentForm_cutomize + div {
+    display: none;
+}
+
+#cookieConsentForm_simple:checked + div, #cookieConsentForm_cutomize:checked + div {
+    display: block;
+}

input.scss

@@ -319,10 +319,14 @@ label.radio, label.checkbox {
         opacity: 0;
         cursor: pointer;
 
-        &:checked ~ .checkmark {
+        &:not(:required):checked ~ .checkmark {
             background-color: var(--button-colored-background);
         }
 
+        &:required ~ .checkmark, &:disabled ~ .checkmark {
+            background-color: #adadad;
+        }
+
         &:checked ~ .checkmark:after {
             display: block;
         }
@@ -344,7 +348,6 @@ label.radio, label.checkbox {
     }
 
     &:hover input ~ .checkmark {
-        background-color: var(--input-icon-color-active);
         cursor: pointer;
     }
 }

styles.scss

@@ -1,4 +1,5 @@
 @import "clean", "default", "size", "transformation", "alignment", "visibility", "animate", "grid";
 @import "article", "layout", "draggable", "text", "tooltip", "spinner", "canvas", "form", "icon", "image", "input", "accordion", "alert", "badge", "slider", "blockquote", "breadcrumb", "button", "link", "list", "nav", "note", "pagination", "popup", "progress", "section", "tab", "table", "tag", "tree";
 @import "media";
-@import "portlet", "menu", "editor";
+@import "portlet", "menu";
+@import "editor", "cookie_consent";