diff --git a/styles/pinterest/assets/catwalk.webp b/styles/pinterest/assets/catwalk.webp
index e8826fd208..0ce2a8d5e5 100644
Binary files a/styles/pinterest/assets/catwalk.webp and b/styles/pinterest/assets/catwalk.webp differ
diff --git a/styles/pinterest/assets/frappe.webp b/styles/pinterest/assets/frappe.webp
index 7b1c2cded6..92d2b45342 100644
Binary files a/styles/pinterest/assets/frappe.webp and b/styles/pinterest/assets/frappe.webp differ
diff --git a/styles/pinterest/assets/latte.webp b/styles/pinterest/assets/latte.webp
index c9d589f365..9e77d9ed4e 100644
Binary files a/styles/pinterest/assets/latte.webp and b/styles/pinterest/assets/latte.webp differ
diff --git a/styles/pinterest/assets/macchiato.webp b/styles/pinterest/assets/macchiato.webp
index d9eba19449..169fa7e6de 100644
Binary files a/styles/pinterest/assets/macchiato.webp and b/styles/pinterest/assets/macchiato.webp differ
diff --git a/styles/pinterest/assets/mocha.webp b/styles/pinterest/assets/mocha.webp
index 8cb3742cc6..092dd5e568 100644
Binary files a/styles/pinterest/assets/mocha.webp and b/styles/pinterest/assets/mocha.webp differ
diff --git a/styles/pinterest/catppuccin.user.css b/styles/pinterest/catppuccin.user.css
index 17ddb70dcb..5a61a5a211 100644
--- a/styles/pinterest/catppuccin.user.css
+++ b/styles/pinterest/catppuccin.user.css
@@ -72,30 +72,47 @@
 
     /* Body */
 
-    body, div[data-test-id="pin-builder"] {
+    body,
+    div[data-test-id="pin-builder"] {
       background-color: @base !important;
       height: auto !important;
     }
 
-    .O2T, .pBj, h3, h5, div, input[type="text"], ai {
+    .O2T,
+    .pBj,
+    h3,
+    h5,
+    div,
+    input[type="text"],
+    ai {
       color: @text !important;
     }
 
-    .a_A:focus, .a_A:hover {
+    .a_A:focus,
+    .a_A:hover {
       background-color: fadeout(@accentColor, 25%) !important;
     }
 
-    :focus, :focus-within, :focus-visible {
+    :focus,
+    :focus-within,
+    :focus-visible {
       outline-color: @accentColor !important;
     }
 
-    div#searchBoxContainer & div[style="padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;"],
-    div#searchBoxContainer & div[style="padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;"],
-    div[data-test-id="add-pin-to-conversation"] & div[style="border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;"] {
+    div#searchBoxContainer
+      &
+      div[style="padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;"],
+    div#searchBoxContainer
+      &
+      div[style="padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;"],
+    div[data-test-id="add-pin-to-conversation"]
+      &
+      div[style="border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;"] {
       box-shadow: 0 0 0 4px @accentColor !important;
     }
 
-    .iyn:focus, .C1J {
+    .iyn:focus,
+    .C1J {
       box-shadow: 0 0 0 4px @accentColor;
     }
 
@@ -116,26 +133,39 @@
 
     /* About */
 
-    h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA, h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA{
+    h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,
+    h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {
       color: @accentColor !important;
     }
 
     div[data-test-id="signup-default-modal"] {
       background-color: @base !important;
-      & h1 { color: @text !important; }
-      & div.oy8.zI7.iyn.Hsu svg > path { fill: @accentColor !important; }
+      & h1 {
+        color: @text !important;
+      }
+      & div.oy8.zI7.iyn.Hsu svg > path {
+        fill: @accentColor !important;
+      }
     }
 
     div[data-test-id="registerFormSubmitButton"] {
       & button.red {
         background-color: @accentColor !important;
-        & div { color: @mantle !important; }
+        & div {
+          color: @mantle !important;
+        }
+      }
+      & button.red:hover,
+      & button.red:focus {
+        background-color: fadeout(@accentColor, 25%) !important;
       }
-      & button.red:hover, & button.red:focus { background-color: fadeout(@accentColor, 25%) !important; }
     }
 
     div[style="height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);"] {
-      background: linear-gradient(fadeout(@base, 100%) 0%, @base 70%) !important;
+      background: linear-gradient(
+        fadeout(@base, 100%) 0%,
+        @base 70%
+      ) !important;
     }
 
     div[data-test-id="how-it-works-container"] {
@@ -144,23 +174,33 @@
         background-color: transparent !important;
         color: @base !important;
       }
-      & svg > path { fill: @base !important; }
+      & svg > path {
+        fill: @base !important;
+      }
     }
 
     div[data-anchor="search"] {
       background-color: @yellow !important;
-      & div.zI7.iyn.Hsu { color: @base !important; }
-      & div.JME.zI7.iyn.Hsu { color: @text !important; }
+      & div.zI7.iyn.Hsu {
+        color: @base !important;
+      }
+      & div.JME.zI7.iyn.Hsu {
+        color: @text !important;
+      }
     }
 
     div[data-anchor="save"] {
       background-color: @lavender !important;
-      & div.zI7.iyn.Hsu { color: @base !important; }
+      & div.zI7.iyn.Hsu {
+        color: @base !important;
+      }
     }
 
     div[data-anchor="shop"] {
       background-color: @rosewater !important;
-      & div.zI7.iyn.Hsu { color: @base !important; }
+      & div.zI7.iyn.Hsu {
+        color: @base !important;
+      }
     }
 
     /** Mobile **/
@@ -171,9 +211,12 @@
 
     /* Button */
 
-    .Jrn, .gpV {
+    .Jrn,
+    .gpV {
       background-color: @accentColor !important;
-      & div { color: @base !important; }
+      & div {
+        color: @base !important;
+      }
     }
 
     .BsF {
@@ -184,7 +227,8 @@
       background-color: fadeout(@base, 31%) !important;
     }
 
-    .NSs.bPW, .NSs.Xsi {
+    .NSs.bPW,
+    .NSs.Xsi {
       background-color: @surface0 !important;
     }
 
@@ -192,17 +236,28 @@
       background-color: @surface2 !important;
     }
 
-    .bmw, .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {
+    .bmw,
+    .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {
       background-color: @base !important;
     }
 
-    .bmw:focus, .bmw:hover, .W6-:focus, .W6-:hover,
-    .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover, .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,
-    ._HI, .eZS, .zI8:focus, .zI8:hover, .BsF:hover, .BsF:focus {
+    .bmw:focus,
+    .bmw:hover,
+    .W6-:focus,
+    .W6-:hover,
+    .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,
+    .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,
+    ._HI,
+    .eZS,
+    .zI8:focus,
+    .zI8:hover,
+    .BsF:hover,
+    .BsF:focus {
       background-color: fadeout(@base, 31%) !important;
     }
 
-    .Il7:hover, .Il7:focus {
+    .Il7:hover,
+    .Il7:focus {
       background-color: fadeout(@accentColor, 25%) !important;
     }
 
@@ -217,22 +272,29 @@
 
     div.IVF.Jea.mQ8.zI7.iyn.Hsu {
       background-color: @accentColor !important;
-      & span { color: @base !important; }
+      & span {
+        color: @base !important;
+      }
     }
 
     /* Header */
 
-    .GjR, .sj_ {
+    .GjR,
+    .sj_ {
       color: @accentColor !important;
     }
 
     .P_h {
       background-color: @crust !important;
-      & span { color: @text !important; }
+      & span {
+        color: @text !important;
+      }
     }
 
-    .urM, .SpV,
-    .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu, .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,
+    .urM,
+    .SpV,
+    .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,
+    .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,
     .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {
       background-color: @base !important;
     }
@@ -268,15 +330,19 @@
 
     div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {
       background-color: @mantle !important;
-      & svg > path { fill: @accentColor !important; }
+      & svg > path {
+        fill: @accentColor !important;
+      }
     }
 
     /* Profile */
 
     div[data-test-id="profile-header"],
     div[data-test-id="PinTypeIdentifier"],
-    div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu, div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,
-    div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu, .MMh._Y5.feh.s7I.zI7.iyn.Hsu,
+    div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,
+    div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,
+    div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,
+    .MMh._Y5.feh.s7I.zI7.iyn.Hsu,
     div.qiB div.fZz.urM.zI7.iyn.Hsu,
     div.zIH.PC4.XiG {
       background-color: @base !important;
@@ -302,18 +368,26 @@
     }
 
     div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu {
-      & svg.gUZ.R19.U9O.kVc > path { fill: @mantle !important; }
-      & div.VxL.zI7.iyn.Hsu button { background-color: transparent !important; }
+      & svg.gUZ.R19.U9O.kVc > path {
+        fill: @mantle !important;
+      }
+      & div.VxL.zI7.iyn.Hsu button {
+        background-color: transparent !important;
+      }
     }
 
-    div[data-test-id="lego-share-social-bar-auth"], div[data-test-id="search-for-users-button"] {
-      & button.HEm.adn.yQo.lnZ.wsz.YbY svg > path { fill: @mantle !important; }
+    div[data-test-id="lego-share-social-bar-auth"],
+    div[data-test-id="search-for-users-button"] {
+      & button.HEm.adn.yQo.lnZ.wsz.YbY svg > path {
+        fill: @mantle !important;
+      }
     }
 
     /* Content */
 
     div[data-root-margin="more-ideas-tabs"] div.urM.zI7.iyn.Hsu,
-    .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu, div[data-test-id="shop-button"],
+    .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,
+    div[data-test-id="shop-button"],
     div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {
       background-color: @base !important;
     }
@@ -362,7 +436,9 @@
 
     div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {
       background-color: @base !important;
-      & svg > path { fill: @text !important; }
+      & svg > path {
+        fill: @text !important;
+      }
     }
 
     /* Create */
@@ -373,7 +449,9 @@
 
     div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {
       background-color: @surface0 !important;
-      & svg > path { fill: @subtext0 !important; }
+      & svg > path {
+        fill: @subtext0 !important;
+      }
     }
 
     div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {
@@ -381,7 +459,9 @@
     }
 
     div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu {
-      & button { background-color: @mantle !important; }
+      & button {
+        background-color: @mantle !important;
+      }
     }
 
     div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {
@@ -392,19 +472,34 @@
 
     div[data-test-id="login-modal-default"] {
       background-color: @base !important;
-      & h1, & p { color: @text !important; }
-      & div.oy8.zI7.iyn.Hsu svg > path { fill: @accentColor !important; }
+      & h1,
+      & p {
+        color: @text !important;
+      }
+      & div.oy8.zI7.iyn.Hsu svg > path {
+        fill: @accentColor !important;
+      }
     }
 
     div[data-test-id="login-modal-mfa"] {
       background-color: @base !important;
-      & h1, & p { color: @text !important; }
+      & h1,
+      & p {
+        color: @text !important;
+      }
       & button.red {
         background-color: @accentColor !important;
-        & div { color: @mantle !important; }
+        & div {
+          color: @mantle !important;
+        }
+      }
+      & button.red:hover,
+      & button.red:focus {
+        background-color: fadeout(@accentColor, 25%) !important;
+      }
+      & div.oy8.zI7.iyn.Hsu svg > path {
+        fill: @accentColor !important;
       }
-      & button.red:hover, & button.red:focus { background-color: fadeout(@accentColor, 25%) !important; }
-      & div.oy8.zI7.iyn.Hsu svg > path { fill: @accentColor !important; }
     }
 
     /* Messages */
@@ -431,7 +526,9 @@
 
     div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {
       background-color: @accentColor !important;
-      & svg > path { fill: @mantle !important; }
+      & svg > path {
+        fill: @mantle !important;
+      }
     }
 
     div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {
@@ -445,24 +542,32 @@
 
     /** Mobile **/
 
-    div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu, div[data-test-id="conversation-page-header"] {
+    div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,
+    div[data-test-id="conversation-page-header"] {
       background-color: @base !important;
     }
 
     div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {
       background-color: @base !important;
       border: none !important;
-      & svg > path { fill: @text !important; }
+      & svg > path {
+        fill: @text !important;
+      }
     }
 
     div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {
       background-color: @accentColor !important;
-      & svg > path { fill: @mantle !important; }
+      & svg > path {
+        fill: @mantle !important;
+      }
     }
 
     div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {
       background-color: transparent !important;
-      & svg > path { fill: @text !important; stroke: @text !important; }
+      & svg > path {
+        fill: @text !important;
+        stroke: @text !important;
+      }
     }
 
     /* Settings */
@@ -491,13 +596,16 @@
       border-color: @accentColor !important;
     }
 
-    div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5, div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {
+    div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,
+    div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {
       background-color: @surface2 !important;
       border-color: @surface2 !important;
     }
 
-    div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5, div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,
-    div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB, div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {
+    div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,
+    div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,
+    div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,
+    div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {
       background-color: @crust !important;
       border-color: @subtext0 !important;
     }
@@ -517,17 +625,23 @@
     div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {
       background-color: @mantle !important;
       border-color: @accentColor !important;
-      & svg > path { fill: @text !important; }
+      & svg > path {
+        fill: @text !important;
+      }
     }
 
     div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu & div.un8.DUt.wYR.hA-.gpV {
       background-color: @accentColor !important;
-      & span { color: @base !important; }
+      & span {
+        color: @base !important;
+      }
     }
 
     div.react-datepicker {
       background-color: @base !important;
-      & select { color: @text !important; }
+      & select {
+        color: @text !important;
+      }
     }
   }