update list product

assets/script/pc_style.scss

@@ -486,11 +486,12 @@ a {
     }
     .icon-close {
         position: absolute;
-        top: 0;
+        top: 12px;
         right: -40px;
         width: 40px;
         display: block;
         background-color: rgb(0 78 153 / var(--tw-bg-opacity));
+        height: 36px;
         i {
             display: block;
             margin: 0 auto;
@@ -1223,3 +1224,58 @@ input[type="radio"] {
         color: #0041e8;
     }
 }
+
+.style-checkbox {
+    display: block;
+    position: relative;
+    padding-left: 26px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+.style-checkbox input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+.style-checkbox .checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 20px;
+    width: 20px;
+    background: #fff;
+    border: 1.5px solid #c5c5c5;
+    border-radius: 4px;
+}
+.style-checkbox:hover input ~ .checkmark {
+    background: #fff;
+}
+.style-checkbox input:checked ~ .checkmark {
+    background-color: #0041e8;
+    border: 1px solid #0041e8;
+}
+
+.style-checkbox .checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+}
+.style-checkbox input:checked ~ .checkmark:after {
+    display: block;
+}
+.style-checkbox .checkmark:after {
+    left: 7px;
+    top: 1px;
+    width: 6px;
+    height: 13px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}