From cca0b5c17c4ebf0be557e1f075a2a26335eaeddb Mon Sep 17 00:00:00 2001
From: "rodrigo.zembrzuski" <rodrigo.zembrzuski@shippo.com>
Date: Sat, 17 Aug 2024 12:46:26 -0300
Subject: [PATCH] Jacqueline Feedback

---
 src/cm.css                            | 22 +++++++++++++---------
 src/components/DoNotSellExplainer.tsx | 16 ----------------
 2 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/src/cm.css b/src/cm.css
index 05747ff0..77e54886 100644
--- a/src/cm.css
+++ b/src/cm.css
@@ -7,10 +7,7 @@
   --primary-color: #000000;
   --text-color: #010101;
 
-  /** Rodrigo PC - these comments can be removed*/
-  /**--neue-haas-name: 'Neue Haas Unica';*/
   --neue-haas-name: 'neue-haas-unica';
-  
   --neue-haas-bold: 600;
   --neue-haas-regular: 300;
 }
@@ -24,8 +21,8 @@
   right: 0px;
   margin: 0 auto;
   width: 100%;
-  backdrop-filter: blur(5px) brightness(80%);
-  -webkit-backdrop-filter: blur(5px) brightness(80%);
+  backdrop-filter: blur(0px) brightness(50%);
+  -webkit-backdrop-filter: blur(0px) brightness(50%);
   height: 100%;
 }
 
@@ -213,7 +210,7 @@ a:focus {
 
 /** Style applied to the checkbox toggle box */
 .toggle-label input:focus + span {
-  outline: 2px solid rgba(51, 157, 255, 0.7);
+  outline: 0px solid rgba(51, 157, 255, 0.7);
   outline-offset: 1px;
 }
 
@@ -617,6 +614,7 @@ a:focus {
 /** Outline for do not sell explainer */
 .do-not-sell-explainer-interface {
   margin-top: 2em;
+  margin-bottom: 5px;
 }
 
 /*******************
@@ -771,7 +769,7 @@ a:focus {
   cursor: pointer;
   width: calc(var(--switchHeight) * 2 - 2px);
   height: var(--switchHeight);
-  background: #7de8bc;
+  background: #c1d5db;
   border-radius: var(--switchHeight);
   position: relative;
   transition: background-color 150ms;
@@ -787,18 +785,24 @@ a:focus {
   height: var(--switchButtonDiameter);
   border-radius: var(--switchButtonDiameter);
   transition: 150ms;
-  background: #1f7a54;
+  background: #547c8c;
 }
 
 /** When switch is checked */
 .switch.switch-checkbox:checked + .switch.switch-background .switch.switch-button {
   left: calc(100% - var(--switchGutter));
   transform: translateX(-100%);
+  background: #1e7a54;
 }
 
 /** When switch background is checked */
 .switch.switch-checkbox:checked + .switch.switch-background {
-  background-color: #7de8bc;
+  background-color: #7ce8bc;
+}
+
+
+.switch.switch-checkbox:hover + .switch.switch-background .switch.switch-button {
+  background: #1a4c38;
 }
 
 /** When switch is focused */
diff --git a/src/components/DoNotSellExplainer.tsx b/src/components/DoNotSellExplainer.tsx
index 89da4f48..619f4869 100644
--- a/src/components/DoNotSellExplainer.tsx
+++ b/src/components/DoNotSellExplainer.tsx
@@ -95,22 +95,6 @@ export function DoNotSellExplainer({
                 : messages.doNotSellOptedOut,
             )}
           />
-
-          <p
-            className="paragraph"
-            role={'status'}
-            aria-hidden={typeof saving === 'boolean' ? 'false' : 'true'}
-          >
-            {typeof saving === 'boolean'
-              ? formatMessage(
-                  saving
-                    ? messages.saving
-                    : consentLocal
-                    ? messages.preferencesSavedOptedIn
-                    : messages.preferencesSaved,
-                )
-              : '\u200b'}
-          </p>
         </div>
       </div>
     </div>