@popsure/dirty-swan 0.63.0 → 0.63.2

package/dist/index.css

@@ -1443,231 +1443,211 @@ input[type=number] {
 }
 
 .tc-blue-100 {
-  color: #e5f0ff !important;
+  color: #E5F0FF !important;
+}
+
+.tc-blue-200 {
+  color: #DAE8FC !important;
 }
 
 .tc-blue-300 {
-  color: #b0cdf3 !important;
+  color: #B0CDF3 !important;
 }
 
 .tc-blue-500 {
-  color: #8bb4ea !important;
+  color: #8BB4EA !important;
 }
 
 .tc-blue-700 {
-  color: #5f7ba0 !important;
+  color: #5F7BA0 !important;
 }
 
 .tc-blue-900 {
-  color: #2d394a !important;
-}
-
-.tc-purple-25 {
-  color: #fcfcff !important;
+  color: #2D394A !important;
 }
 
 .tc-purple-50 {
-  color: #f7f7ff !important;
+  color: #F9F9FF !important;
 }
 
 .tc-purple-100 {
-  color: #ebebff !important;
-}
-
-.tc-purple-300 {
-  color: #b1b0f5 !important;
+  color: #F6F6FE !important;
 }
 
-.tc-purple-500 {
-  color: #8e8cee !important;
-}
-
-.tc-purple-700 {
-  color: #6160a2 !important;
+.tc-purple-200 {
+  color: #EEEEFE !important;
 }
 
-.tc-purple-900 {
-  color: #2e2e4c !important;
+.tc-purple-300 {
+  color: #E8E7FE !important;
 }
 
-.tc-primary-25 {
-  color: #fcfcff !important;
+.tc-purple-400 {
+  color: #D2CFFD !important;
 }
 
-.tc-primary-50 {
-  color: #f7f7ff !important;
+.tc-purple-500 {
+  color: #B8B4F3 !important;
 }
 
-.tc-primary-100 {
-  color: #ebebff !important;
+.tc-purple-600 {
+  color: #8883D8 !important;
 }
 
-.tc-primary-300 {
-  color: #b1b0f5 !important;
+.tc-purple-700 {
+  color: #6A65AE !important;
 }
 
-.tc-primary-500 {
-  color: #8e8cee !important;
+.tc-purple-800 {
+  color: #484676 !important;
 }
 
-.tc-primary-700 {
-  color: #6160a2 !important;
+.tc-purple-900 {
+  color: #32334B !important;
 }
 
-.tc-primary-900 {
-  color: #2e2e4c !important;
+.tc-red-100 {
+  color: #FEE6E6 !important;
 }
 
-.tc-red-100 {
-  color: #fedede !important;
+.tc-red-200 {
+  color: #FED7D7 !important;
 }
 
 .tc-red-300 {
-  color: #faa0a0 !important;
+  color: #FAA0A0 !important;
 }
 
 .tc-red-500 {
-  color: #e55454 !important;
+  color: #E55454 !important;
 }
 
 .tc-red-700 {
-  color: #c64848 !important;
+  color: #C64848 !important;
 }
 
 .tc-red-900 {
-  color: #4b2525 !important;
+  color: #4B2525 !important;
 }
 
-.tc-grey-100 {
-  color: #fafaff !important;
+.tc-neutral-50 {
+  color: #f9f9fd !important;
 }
 
-.tc-grey-200 {
-  color: #f5f6fb !important;
+.tc-neutral-100 {
+  color: #f7f7fd !important;
 }
 
-.tc-grey-300 {
-  color: #ededf2 !important;
+.tc-neutral-300 {
+  color: #e7e7ed !important;
 }
 
-.tc-grey-400 {
-  color: #d2d2d8 !important;
+.tc-neutral-400 {
+  color: #d2d2d9 !important;
 }
 
-.tc-grey-500 {
-  color: #91919c !important;
+.tc-neutral-500 {
+  color: #b8b8c0 !important;
 }
 
-.tc-grey-600 {
-  color: #696970 !important;
+.tc-neutral-600 {
+  color: #919199 !important;
 }
 
-.tc-grey-700 {
-  color: #4c4c53 !important;
+.tc-neutral-700 {
+  color: #696971 !important;
 }
 
-.tc-grey-900 {
+.tc-neutral-800 {
+  color: #3f3f47 !important;
+}
+
+.tc-neutral-900 {
   color: #26262e !important;
 }
 
 .tc-green-100 {
-  color: #e4ffe6 !important;
+  color: #E6FAF1 !important;
 }
 
 .tc-green-300 {
-  color: #c4f5c8 !important;
+  color: #AAEACC !important;
 }
 
 .tc-green-500 {
-  color: #84de8a !important;
+  color: #85DCB4 !important;
 }
 
 .tc-green-700 {
-  color: #5b985f !important;
+  color: #599278 !important;
 }
 
 .tc-green-900 {
-  color: #354a2d !important;
-}
-
-.tc-glacier-100 {
-  color: #e0f7fe !important;
-}
-
-.tc-glacier-300 {
-  color: #aeddec !important;
-}
-
-.tc-glacier-500 {
-  color: #8bcbdf !important;
+  color: #2B4639 !important;
 }
 
-.tc-glacier-700 {
-  color: #5d8896 !important;
-}
-
-.tc-glacier-900 {
-  color: #2d4148 !important;
+.tc-yellow-100 {
+  color: #FEFAEC !important;
 }
 
-.tc-spearmint-100 {
-  color: #e3fff2 !important;
+.tc-yellow-200 {
+  color: #FCF3D1 !important;
 }
 
-.tc-spearmint-300 {
-  color: #aaeacc !important;
+.tc-yellow-300 {
+  color: #F6E7AC !important;
 }
 
-.tc-spearmint-500 {
-  color: #85dcb4 !important;
+.tc-yellow-500 {
+  color: #F0D26F !important;
 }
 
-.tc-spearmint-700 {
-  color: #599278 !important;
+.tc-yellow-700 {
+  color: #C5A33E !important;
 }
 
-.tc-spearmint-900 {
-  color: #2b4639 !important;
+.tc-yellow-900 {
+  color: #483D18 !important;
 }
 
-.tc-pink-100 {
-  color: #ffebf1 !important;
+.tc-orange-50 {
+  color: #FAF8F5 !important;
 }
 
-.tc-pink-300 {
-  color: #ffb1cb !important;
+.tc-orange-100 {
+  color: #FCF7EF !important;
 }
 
-.tc-pink-500 {
-  color: #f96092 !important;
+.tc-orange-200 {
+  color: #FDF2E2 !important;
 }
 
-.tc-pink-700 {
-  color: #c0305f !important;
+.tc-orange-300 {
+  color: #FEECD3 !important;
 }
 
-.tc-pink-900 {
-  color: #700024 !important;
+.tc-orange-400 {
+  color: #FCDAAB !important;
 }
 
-.tc-yellow-100 {
-  color: #fff8e3 !important;
+.tc-orange-500 {
+  color: #FFD08F !important;
 }
 
-.tc-yellow-300 {
-  color: #fae3a5 !important;
+.tc-orange-600 {
+  color: #F2B873 !important;
 }
 
-.tc-yellow-500 {
-  color: #f7ce5c !important;
+.tc-orange-700 {
+  color: #C6824E !important;
 }
 
-.tc-yellow-700 {
-  color: #cc9e21 !important;
+.tc-orange-800 {
+  color: #7E4B2F !important;
 }
 
-.tc-yellow-900 {
-  color: #4a3d10 !important;
+.tc-orange-900 {
+  color: #4C2D21 !important;
 }
 
 .bg-white {
@@ -1679,293 +1659,268 @@ input[type=number] {
 }
 
 .bg-blue-100 {
-  background-color: #e5f0ff !important;
+  background-color: #E5F0FF !important;
+}
+
+.bg-blue-200 {
+  background-color: #DAE8FC !important;
 }
 
 .bg-blue-300 {
-  background-color: #b0cdf3 !important;
+  background-color: #B0CDF3 !important;
 }
 
 .bg-blue-500 {
-  background-color: #8bb4ea !important;
+  background-color: #8BB4EA !important;
 }
 
 .bg-blue-700 {
-  background-color: #5f7ba0 !important;
+  background-color: #5F7BA0 !important;
 }
 
 .bg-blue-900 {
-  background-color: #2d394a !important;
-}
-
-.bg-purple-25 {
-  background-color: #fcfcff !important;
+  background-color: #2D394A !important;
 }
 
 .bg-purple-50 {
-  background-color: #f7f7ff !important;
+  background-color: #F9F9FF !important;
 }
 
 .bg-purple-100 {
-  background-color: #ebebff !important;
+  background-color: #F6F6FE !important;
 }
 
-.bg-purple-300 {
-  background-color: #b1b0f5 !important;
+.bg-purple-200 {
+  background-color: #EEEEFE !important;
 }
 
-.bg-purple-500 {
-  background-color: #8e8cee !important;
-}
-
-.bg-purple-700 {
-  background-color: #6160a2 !important;
-}
-
-.bg-purple-900 {
-  background-color: #2e2e4c !important;
+.bg-purple-300 {
+  background-color: #E8E7FE !important;
 }
 
-.bg-primary-25 {
-  background-color: #fcfcff !important;
+.bg-purple-400 {
+  background-color: #D2CFFD !important;
 }
 
-.bg-primary-50 {
-  background-color: #f7f7ff !important;
+.bg-purple-500 {
+  background-color: #B8B4F3 !important;
 }
 
-.bg-primary-100 {
-  background-color: #ebebff !important;
+.bg-purple-600 {
+  background-color: #8883D8 !important;
 }
 
-.bg-primary-300 {
-  background-color: #b1b0f5 !important;
+.bg-purple-700 {
+  background-color: #6A65AE !important;
 }
 
-.bg-primary-500 {
-  background-color: #8e8cee !important;
+.bg-purple-800 {
+  background-color: #484676 !important;
 }
 
-.bg-primary-700 {
-  background-color: #6160a2 !important;
+.bg-purple-900 {
+  background-color: #32334B !important;
 }
 
-.bg-primary-900 {
-  background-color: #2e2e4c !important;
+.bg-red-100 {
+  background-color: #FEE6E6 !important;
 }
 
-.bg-red-100 {
-  background-color: #fedede !important;
+.bg-red-200 {
+  background-color: #FED7D7 !important;
 }
 
 .bg-red-300 {
-  background-color: #faa0a0 !important;
+  background-color: #FAA0A0 !important;
 }
 
 .bg-red-500 {
-  background-color: #e55454 !important;
+  background-color: #E55454 !important;
 }
 
 .bg-red-700 {
-  background-color: #c64848 !important;
+  background-color: #C64848 !important;
 }
 
 .bg-red-900 {
-  background-color: #4b2525 !important;
+  background-color: #4B2525 !important;
+}
+
+.bg-neutral-50 {
+  background-color: #f9f9fd !important;
 }
 
-.bg-grey-100 {
-  background-color: #fafaff !important;
+.bg-neutral-100 {
+  background-color: #f7f7fd !important;
 }
 
-.bg-grey-200 {
-  background-color: #f5f6fb !important;
+.bg-neutral-300 {
+  background-color: #e7e7ed !important;
 }
 
-.bg-grey-300 {
-  background-color: #ededf2 !important;
+.bg-neutral-400 {
+  background-color: #d2d2d9 !important;
 }
 
-.bg-grey-400 {
-  background-color: #d2d2d8 !important;
+.bg-neutral-500 {
+  background-color: #b8b8c0 !important;
 }
 
-.bg-grey-500 {
-  background-color: #91919c !important;
+.bg-neutral-600 {
+  background-color: #919199 !important;
 }
 
-.bg-grey-600 {
-  background-color: #696970 !important;
+.bg-neutral-700 {
+  background-color: #696971 !important;
 }
 
-.bg-grey-700 {
-  background-color: #4c4c53 !important;
+.bg-neutral-800 {
+  background-color: #3f3f47 !important;
 }
 
-.bg-grey-900 {
+.bg-neutral-900 {
   background-color: #26262e !important;
 }
 
 .bg-green-100 {
-  background-color: #e4ffe6 !important;
+  background-color: #E6FAF1 !important;
 }
 
 .bg-green-300 {
-  background-color: #c4f5c8 !important;
+  background-color: #AAEACC !important;
 }
 
 .bg-green-500 {
-  background-color: #84de8a !important;
+  background-color: #85DCB4 !important;
 }
 
 .bg-green-700 {
-  background-color: #5b985f !important;
+  background-color: #599278 !important;
 }
 
 .bg-green-900 {
-  background-color: #354a2d !important;
-}
-
-.bg-glacier-100 {
-  background-color: #e0f7fe !important;
-}
-
-.bg-glacier-300 {
-  background-color: #aeddec !important;
-}
-
-.bg-glacier-500 {
-  background-color: #8bcbdf !important;
+  background-color: #2B4639 !important;
 }
 
-.bg-glacier-700 {
-  background-color: #5d8896 !important;
-}
-
-.bg-glacier-900 {
-  background-color: #2d4148 !important;
+.bg-yellow-100 {
+  background-color: #FEFAEC !important;
 }
 
-.bg-spearmint-100 {
-  background-color: #e3fff2 !important;
+.bg-yellow-200 {
+  background-color: #FCF3D1 !important;
 }
 
-.bg-spearmint-300 {
-  background-color: #aaeacc !important;
+.bg-yellow-300 {
+  background-color: #F6E7AC !important;
 }
 
-.bg-spearmint-500 {
-  background-color: #85dcb4 !important;
+.bg-yellow-500 {
+  background-color: #F0D26F !important;
 }
 
-.bg-spearmint-700 {
-  background-color: #599278 !important;
+.bg-yellow-700 {
+  background-color: #C5A33E !important;
 }
 
-.bg-spearmint-900 {
-  background-color: #2b4639 !important;
+.bg-yellow-900 {
+  background-color: #483D18 !important;
 }
 
-.bg-pink-100 {
-  background-color: #ffebf1 !important;
+.bg-orange-50 {
+  background-color: #FAF8F5 !important;
 }
 
-.bg-pink-300 {
-  background-color: #ffb1cb !important;
+.bg-orange-100 {
+  background-color: #FCF7EF !important;
 }
 
-.bg-pink-500 {
-  background-color: #f96092 !important;
+.bg-orange-200 {
+  background-color: #FDF2E2 !important;
 }
 
-.bg-pink-700 {
-  background-color: #c0305f !important;
+.bg-orange-300 {
+  background-color: #FEECD3 !important;
 }
 
-.bg-pink-900 {
-  background-color: #700024 !important;
+.bg-orange-400 {
+  background-color: #FCDAAB !important;
 }
 
-.bg-yellow-100 {
-  background-color: #fff8e3 !important;
+.bg-orange-500 {
+  background-color: #FFD08F !important;
 }
 
-.bg-yellow-300 {
-  background-color: #fae3a5 !important;
+.bg-orange-600 {
+  background-color: #F2B873 !important;
 }
 
-.bg-yellow-500 {
-  background-color: #f7ce5c !important;
+.bg-orange-700 {
+  background-color: #C6824E !important;
 }
 
-.bg-yellow-700 {
-  background-color: #cc9e21 !important;
+.bg-orange-800 {
+  background-color: #7E4B2F !important;
 }
 
-.bg-yellow-900 {
-  background-color: #4a3d10 !important;
+.bg-orange-900 {
+  background-color: #4C2D21 !important;
 }
 
 :root {
   --ds-white: #fff;
   --ds-transparent: transparent;
-  --ds-blue-100: #e5f0ff;
-  --ds-blue-300: #b0cdf3;
-  --ds-blue-500: #8bb4ea;
-  --ds-blue-700: #5f7ba0;
-  --ds-blue-900: #2d394a;
-  --ds-purple-25: #fcfcff;
-  --ds-purple-50: #f7f7ff;
-  --ds-purple-100: #ebebff;
-  --ds-purple-300: #b1b0f5;
-  --ds-purple-500: #8e8cee;
-  --ds-purple-700: #6160a2;
-  --ds-purple-900: #2e2e4c;
-  --ds-primary-25: #fcfcff;
-  --ds-primary-50: #f7f7ff;
-  --ds-primary-100: #ebebff;
-  --ds-primary-300: #b1b0f5;
-  --ds-primary-500: #8e8cee;
-  --ds-primary-700: #6160a2;
-  --ds-primary-900: #2e2e4c;
-  --ds-red-100: #fedede;
-  --ds-red-300: #faa0a0;
-  --ds-red-500: #e55454;
-  --ds-red-700: #c64848;
-  --ds-red-900: #4b2525;
-  --ds-grey-100: #fafaff;
-  --ds-grey-200: #f5f6fb;
-  --ds-grey-300: #ededf2;
-  --ds-grey-400: #d2d2d8;
-  --ds-grey-500: #91919c;
-  --ds-grey-600: #696970;
-  --ds-grey-700: #4c4c53;
-  --ds-grey-900: #26262e;
-  --ds-green-100: #e4ffe6;
-  --ds-green-300: #c4f5c8;
-  --ds-green-500: #84de8a;
-  --ds-green-700: #5b985f;
-  --ds-green-900: #354a2d;
-  --ds-glacier-100: #e0f7fe;
-  --ds-glacier-300: #aeddec;
-  --ds-glacier-500: #8bcbdf;
-  --ds-glacier-700: #5d8896;
-  --ds-glacier-900: #2d4148;
-  --ds-spearmint-100: #e3fff2;
-  --ds-spearmint-300: #aaeacc;
-  --ds-spearmint-500: #85dcb4;
-  --ds-spearmint-700: #599278;
-  --ds-spearmint-900: #2b4639;
-  --ds-pink-100: #ffebf1;
-  --ds-pink-300: #ffb1cb;
-  --ds-pink-500: #f96092;
-  --ds-pink-700: #c0305f;
-  --ds-pink-900: #700024;
-  --ds-yellow-100: #fff8e3;
-  --ds-yellow-300: #fae3a5;
-  --ds-yellow-500: #f7ce5c;
-  --ds-yellow-700: #cc9e21;
-  --ds-yellow-900: #4a3d10;
+  --ds-blue-100: #E5F0FF;
+  --ds-blue-200: #DAE8FC;
+  --ds-blue-300: #B0CDF3;
+  --ds-blue-500: #8BB4EA;
+  --ds-blue-700: #5F7BA0;
+  --ds-blue-900: #2D394A;
+  --ds-purple-50: #F9F9FF;
+  --ds-purple-100: #F6F6FE;
+  --ds-purple-200: #EEEEFE;
+  --ds-purple-300: #E8E7FE;
+  --ds-purple-400: #D2CFFD;
+  --ds-purple-500: #B8B4F3;
+  --ds-purple-600: #8883D8;
+  --ds-purple-700: #6A65AE;
+  --ds-purple-800: #484676;
+  --ds-purple-900: #32334B;
+  --ds-red-100: #FEE6E6;
+  --ds-red-200: #FED7D7;
+  --ds-red-300: #FAA0A0;
+  --ds-red-500: #E55454;
+  --ds-red-700: #C64848;
+  --ds-red-900: #4B2525;
+  --ds-neutral-50: #f9f9fd;
+  --ds-neutral-100: #f7f7fd;
+  --ds-neutral-300: #e7e7ed;
+  --ds-neutral-400: #d2d2d9;
+  --ds-neutral-500: #b8b8c0;
+  --ds-neutral-600: #919199;
+  --ds-neutral-700: #696971;
+  --ds-neutral-800: #3f3f47;
+  --ds-neutral-900: #26262e;
+  --ds-green-100: #E6FAF1;
+  --ds-green-300: #AAEACC;
+  --ds-green-500: #85DCB4;
+  --ds-green-700: #599278;
+  --ds-green-900: #2B4639;
+  --ds-yellow-100: #FEFAEC;
+  --ds-yellow-200: #FCF3D1;
+  --ds-yellow-300: #F6E7AC;
+  --ds-yellow-500: #F0D26F;
+  --ds-yellow-700: #C5A33E;
+  --ds-yellow-900: #483D18;
+  --ds-orange-50: #FAF8F5;
+  --ds-orange-100: #FCF7EF;
+  --ds-orange-200: #FDF2E2;
+  --ds-orange-300: #FEECD3;
+  --ds-orange-400: #FCDAAB;
+  --ds-orange-500: #FFD08F;
+  --ds-orange-600: #F2B873;
+  --ds-orange-700: #C6824E;
+  --ds-orange-800: #7E4B2F;
+  --ds-orange-900: #4C2D21;
 }
 
 .fw-normal {
@@ -1973,7 +1928,7 @@ input[type=number] {
 }
 
 .fw-bold {
-  font-weight: 700 !important;
+  font-weight: 600 !important;
 }
 
 @font-face {
@@ -2009,51 +1964,29 @@ input[type=number] {
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 @font-face {
-  font-family: "Merriweather";
+  font-family: "Mona Sans";
   font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6hPvhPUWH.woff2) format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-@font-face {
-  font-family: "Merriweather";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6hPvhPUWH.woff2) format("woff2");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-@font-face {
-  font-family: "Merriweather";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6hPvhPUWH.woff2) format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-@font-face {
-  font-family: "Merriweather";
-  font-style: normal;
-  font-weight: 700;
+  font-weight: 400;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6hPvhPUWH.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  src: url("https://assets.cdn.feather-insurance.com/assets/fonts/Mona-Sans-Medium.woff2") format("woff2");
+  font-feature-settings: "ss05" on;
 }
 @font-face {
-  font-family: "Merriweather";
+  font-family: "Mona Sans";
   font-style: normal;
-  font-weight: 700;
+  font-weight: 600;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("https://assets.cdn.feather-insurance.com/assets/fonts/Mona-Sans-SemiBold.woff2") format("woff2");
+  font-feature-settings: "ss05" on;
 }
 body {
   font-family: "Lato", sans-serif;
+  -webkit-font-smoothing: antialiased;
 }
 
 .p--serif {
-  font-family: "Merriweather", serif;
+  font-family: "Mona Sans", sans-serif;
+  font-feature-settings: "ss05" on;
 }
 
 .p-h1, .p-h1--xl,
@@ -2066,7 +1999,7 @@ body {
 }
 
 .p-h1, .p-h1--xl {
-  font-weight: 700;
+  font-weight: 600;
   font-size: 32px;
   line-height: 42px;
   letter-spacing: 0.5px;
@@ -2078,8 +2011,8 @@ body {
   }
 }
 .p-h1--xl {
-  font-size: 48px;
-  line-height: 58px;
+  font-size: 44px;
+  line-height: 56px;
 }
 @media (max-width: 34rem) {
   .p-h1--xl {
@@ -2089,7 +2022,7 @@ body {
 }
 
 .p-h2 {
-  font-weight: bold;
+  font-weight: 600;
   font-size: 24px;
   line-height: 34px;
   letter-spacing: 0.5px;
@@ -2102,7 +2035,7 @@ body {
 }
 
 .p-h3 {
-  font-weight: 700;
+  font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
@@ -2115,7 +2048,7 @@ body {
 }
 
 .p-h4 {
-  font-weight: 700;
+  font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.5px;
@@ -2128,22 +2061,25 @@ body {
   letter-spacing: 0.5px;
 }
 .p-p--small {
-  font-size: 12px;
+  font-size: 13px;
   line-height: 18px;
+  letter-spacing: 0.4px;
 }
 
 .p-error {
-  color: #e55454;
+  color: #E55454;
 }
 
 .p-a {
-  color: #8e8cee;
-  text-decoration: none;
+  color: #26262e;
+  text-decoration: underline;
+  text-underline-offset: 5px;
 }
 .p-a:hover, .p-a:focus {
-  color: #6160a2;
+  color: #696971;
 }
 .p-a:focus-visible {
+  color: #26262e;
   outline: 2px solid #26262e;
   border-radius: 2px;
   outline-offset: 2px;
@@ -2249,7 +2185,7 @@ body {
     transform: rotate(360deg);
   }
 }
-.p-btn, .p-btn--outline-grey, .p-btn--outline-white, .p-btn--outline, .p-btn--success, .p-btn--danger, .p-btn--secondary, .p-btn--secondary-inverted, .p-btn--secondary-white, .p-btn--secondary-grey, .p-btn--primary {
+.p-btn, .p-btn--text-black, .p-btn--outline-grey, .p-btn--outline-white, .p-btn--outline, .p-btn--danger, .p-btn--secondary, .p-btn--secondary-black, .p-btn--secondary-inverted, .p-btn--secondary-white, .p-btn--secondary-grey {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2263,132 +2199,138 @@ body {
   letter-spacing: 0.5px;
   text-decoration: none;
   text-align: center;
-  font-weight: 700;
+  font-weight: 600;
   border-radius: 8px;
   border: none;
   transition: 0.3s opacity, 0.3s background-color;
 }
-.p-btn[disabled], [disabled].p-btn--outline-grey, [disabled].p-btn--outline-white, [disabled].p-btn--outline, [disabled].p-btn--success, [disabled].p-btn--danger, [disabled].p-btn--secondary, [disabled].p-btn--secondary-inverted, [disabled].p-btn--secondary-white, [disabled].p-btn--secondary-grey, [disabled].p-btn--primary {
+.p-btn[disabled], [disabled].p-btn--text-black, [disabled].p-btn--outline-grey, [disabled].p-btn--outline-white, [disabled].p-btn--outline, [disabled].p-btn--danger, [disabled].p-btn--secondary, [disabled].p-btn--secondary-black, [disabled].p-btn--secondary-inverted, [disabled].p-btn--secondary-white, [disabled].p-btn--secondary-grey {
   cursor: default;
-  opacity: 0.5;
+  opacity: 0.3;
   cursor: not-allowed;
 }
 .p-btn--icon-only {
   width: 48px;
   padding: 0;
 }
-.p-btn--primary {
-  background-color: #8e8cee;
-  color: white;
+.p-btn--secondary, .p-btn--secondary-black, .p-btn--secondary-inverted, .p-btn--secondary-white, .p-btn--secondary-grey {
+  background-color: transparent;
+  color: #26262e;
 }
-.p-btn--primary:hover {
-  background-color: #6160a2;
+.p-btn--secondary:hover, .p-btn--secondary-black:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
+  background-color: #f2f2f8;
 }
 @media (max-width: 34rem) {
-  .p-btn--primary:hover {
-    background-color: #8e8cee;
+  .p-btn--secondary:hover, .p-btn--secondary-black:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
+    background-color: transparent;
   }
 }
-.p-btn--primary[disabled] {
-  background-color: #b1b0f5;
-  opacity: 1;
-}
-.p-btn--primary:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+.p-btn--secondary[disabled], [disabled].p-btn--secondary-black, [disabled].p-btn--secondary-inverted, [disabled].p-btn--secondary-white, [disabled].p-btn--secondary-grey {
+  color: #26262e;
 }
-.p-btn--secondary, .p-btn--secondary-inverted, .p-btn--secondary-white, .p-btn--secondary-grey {
+.p-btn--secondary[disabled]:hover, [disabled].p-btn--secondary-black:hover, [disabled].p-btn--secondary-inverted:hover, [disabled].p-btn--secondary-white:hover, [disabled].p-btn--secondary-grey:hover {
   background-color: transparent;
-  color: #8e8cee;
 }
-.p-btn--secondary:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
-  background-color: #ebebff;
+.p-btn--secondary:focus-visible, .p-btn--secondary-black:focus-visible, .p-btn--secondary-inverted:focus-visible, .p-btn--secondary-white:focus-visible, .p-btn--secondary-grey:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px #26262e;
 }
-@media (max-width: 34rem) {
-  .p-btn--secondary:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
-    background-color: transparent;
-  }
+.p-btn--secondary-grey {
+  background-color: #f2f2f8;
 }
-.p-btn--secondary[disabled], [disabled].p-btn--secondary-inverted, [disabled].p-btn--secondary-white, [disabled].p-btn--secondary-grey {
-  color: #6160a2;
+.p-btn--secondary-grey:hover {
+  background-color: #e7e7ed;
 }
-.p-btn--secondary[disabled]:hover, [disabled].p-btn--secondary-inverted:hover, [disabled].p-btn--secondary-white:hover, [disabled].p-btn--secondary-grey:hover {
-  background-color: transparent;
+.p-btn--secondary-grey:focus {
+  background-color: #d2d2d9;
 }
-.p-btn--secondary:focus, .p-btn--secondary-inverted:focus, .p-btn--secondary-white:focus, .p-btn--secondary-grey:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+.p-btn--secondary-grey:focus-visible {
+  background-color: #F6F6FE;
 }
 .p-btn--secondary-grey {
-  background-color: #f7f7ff;
+  background-color: #f2f2f8;
+}
+.p-btn--secondary-grey[disabled]:hover {
+  background-color: #f2f2f8;
 }
 .p-btn--secondary-white {
   background-color: #fff;
 }
+.p-btn--secondary-white:hover {
+  background-color: #f2f2f8;
+}
+.p-btn--secondary-white:focus-visible {
+  box-shadow: 0 0 0 2px #b8b8c0;
+}
 .p-btn--secondary-inverted {
   color: #fff;
 }
-.p-btn--secondary-inverted:hover, .p-btn--secondary-inverted:focus {
-  background-color: #6160a2;
+.p-btn--secondary-inverted:hover {
+  background-color: #696971;
 }
-.p-btn--danger {
-  background-color: #e55454;
+.p-btn--secondary-inverted:focus {
+  background-color: #919199;
+}
+.p-btn--secondary-inverted:focus-visible {
+  background-color: transparent;
+  box-shadow: 0 0 0 2px #fff;
+}
+.p-btn--secondary-black {
+  background-color: #26262e;
   color: white;
 }
-.p-btn--danger:hover {
-  background-color: #c64848;
+.p-btn--secondary-black:hover {
+  background-color: #3f3f47;
 }
-@media (max-width: 34rem) {
-  .p-btn--danger:hover {
-    background-color: #e55454;
-  }
+.p-btn--secondary-black[disabled] {
+  color: #fff;
+  background-color: rgba(38, 38, 46, 0.5);
 }
-.p-btn--danger[disabled] {
-  background-color: #faa0a0;
-  opacity: 1;
+.p-btn--secondary-black[disabled]:hover {
+  background-color: rgba(38, 38, 46, 0.5);
 }
-.p-btn--danger:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+.p-btn--secondary-black:focus-visible {
+  box-shadow: 0 0 0 2px #b8b8c0;
 }
-.p-btn--success {
-  background-color: #84de8a;
+.p-btn--danger {
+  background-color: #E55454;
   color: white;
 }
-.p-btn--success:hover {
-  background-color: #5b985f;
+.p-btn--danger:hover {
+  background-color: #C64848;
 }
 @media (max-width: 34rem) {
-  .p-btn--success:hover {
-    background-color: #84de8a;
+  .p-btn--danger:hover {
+    background-color: #E55454;
   }
 }
-.p-btn--success[disabled] {
-  background-color: #c4f5c8;
+.p-btn--danger[disabled] {
+  background-color: #E55454;
+  color: #FAA0A0;
   opacity: 1;
 }
-.p-btn--success:focus {
+.p-btn--danger:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 2px #C64848;
 }
 .p-btn--outline {
-  color: #8e8cee;
+  color: #8883D8;
   background-color: transparent;
-  border: 1px solid #b1b0f5;
+  border: 1px solid #B8B4F3;
 }
 .p-btn--outline:hover {
-  color: #6160a2;
-  border-color: #8e8cee;
+  color: #6A65AE;
+  border-color: #8883D8;
 }
 .p-btn--outline[disabled] {
-  color: #8e8cee;
-  border-color: #b1b0f5;
+  color: #8883D8;
+  border-color: #B8B4F3;
   opacity: 0.5;
 }
 .p-btn--outline:focus {
-  color: #6160a2;
+  color: #6A65AE;
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--outline-white {
   color: #fff;
@@ -2396,8 +2338,8 @@ body {
   background-color: transparent;
 }
 .p-btn--outline-white:hover {
-  background-color: #6160a2;
-  border-color: #6160a2;
+  background-color: transparent;
+  border-color: #fff;
 }
 .p-btn--outline-white[disabled] {
   background-color: transparent;
@@ -2405,25 +2347,47 @@ body {
 }
 .p-btn--outline-white:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px #fff;
 }
 .p-btn--outline-grey {
-  color: #91919c;
+  color: #26262e;
   background-color: transparent;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
 }
 .p-btn--outline-grey:hover {
-  color: #696970;
-  border-color: #91919c;
+  border-color: #919199;
 }
 .p-btn--outline-grey[disabled] {
-  color: #91919c;
-  border-color: #d2d2d8;
-  opacity: 0.5;
+  border-color: #d2d2d9;
+  opacity: 0.7;
 }
 .p-btn--outline-grey:focus {
-  color: #696970;
-  border-color: #696970;
+  border-color: #26262e;
+  box-shadow: 0 0 0 1px #26262e;
+  color: #26262e;
+  outline: 0;
+}
+.p-btn--text-black {
+  color: #32334B;
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+.p-btn--text-black:hover {
+  border-color: #d2d2d9;
+}
+.p-btn--text-black:focus {
+  border-color: #b8b8c0;
+}
+.p-btn--text-black:focus-visible {
+  background-color: transparent;
+  border: 1px solid #26262e;
+  box-shadow: 0 0 0 1px #26262e;
+  outline: 0;
+}
+.p-btn--text-black[disabled] {
+  opacity: 0.5;
+  background-color: transparent;
+  border: none;
 }
 .p-btn--loading {
   color: transparent;
@@ -2442,9 +2406,13 @@ body {
   border-left-color: white;
   animation: spinner-rotate 0.9s infinite;
 }
-.p-btn--loading.p-btn--secondary::before, .p-btn--loading.p-btn--secondary-inverted::before, .p-btn--loading.p-btn--secondary-grey::before, .p-btn--loading.p-btn--secondary-white::before {
-  border-color: rgba(142, 140, 238, 0.5);
-  border-left-color: #8e8cee;
+.p-btn--loading:focus-visible {
+  box-shadow: none;
+  border-color: transparent;
+}
+.p-btn--loading.p-btn--secondary:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-inverted:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-black:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-grey::before, .p-btn--loading.p-btn--text-black::before, .p-btn--loading.p-btn--secondary-white::before {
+  border-color: rgba(38, 38, 46, 0.5);
+  border-left-color: #26262e;
 }
 
 .sr-only {
@@ -2459,7 +2427,7 @@ body {
   width: 1px;
 }
 
-.p-input, .p-input--error {
+.p-input, .p-input--error, .p-input--error:hover, .p-input--error:focus {
   appearance: none;
   display: block;
   padding-left: 16px;
@@ -2468,30 +2436,34 @@ body {
   height: 48px;
   width: 100%;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
   color: #26262e;
-  transition: box-shadow 0.3s;
+  transition: box-shadow 0.3s, border-color 0.3s;
 }
-.p-input::placeholder, .p-input--error::placeholder {
-  color: #91919c;
+.p-input::placeholder, .p-input--error::placeholder, .p-input--error:hover::placeholder, .p-input--error:focus::placeholder {
+  color: #919199;
+}
+.p-input:hover, .p-input--error:hover {
+  outline: none;
+  border: 1px solid #919199;
 }
 .p-input:disabled, .p-input--error:disabled {
-  background-color: #ededf2;
+  cursor: not-allowed;
+  background-color: #e7e7ed;
   border: none;
 }
 .p-input:focus, .p-input--error:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #8e8cee;
-}
-.p-input--error {
-  border: 1px solid #e55454;
+  border: 1px solid #26262e;
+  box-shadow: 0 0 0 1px #26262e;
 }
-.p-input--error:focus {
+.p-input--error, .p-input--error:hover, .p-input--error:focus {
+  border: 1px solid #E55454;
   outline: none;
-  box-shadow: 0 0 0 2px #e55454;
+  box-shadow: 0 0 0 1px #E55454;
 }
-.p-input input, .p-input--error input {
+.p-input input, .p-input--error input, .p-input--error:hover input, .p-input--error:focus input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
@@ -2509,6 +2481,9 @@ body {
   opacity: 0;
 }
 
+.p-radio + label {
+  color: #26262e;
+}
 .p-radio + label::before {
   content: "";
   cursor: pointer;
@@ -2518,7 +2493,7 @@ body {
   min-width: 16px;
   height: 16px;
   min-height: 16px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #b8b8c0;
   border-radius: 50%;
   background-color: white;
   transition: 0.3s background-color;
@@ -2532,8 +2507,16 @@ body {
 }
 
 .p-radio:checked + label::before {
-  border-color: #8e8cee;
-  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" stroke="white" stroke-width="4" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="50%" fill="%238e8cee"/></svg>');
+  border-color: #26262e;
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" stroke="white" stroke-width="4" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="50%" fill="%2326262e"/></svg>');
+}
+
+.p-radio:focus-visible + label {
+  border: 1px solid #26262e;
+  outline: 1px solid #26262e;
+}
+.p-radio:focus-visible + label:before {
+  border: 1px solid #26262e;
 }
 
 .p-radio:disabled + .p-label {
@@ -2541,9 +2524,12 @@ body {
   opacity: 0.6;
 }
 .p-radio:disabled + .p-label--bordered:hover {
-  border-color: #d2d2d8;
+  border-color: #696971;
 }
 
+.p-checkbox + label {
+  color: #26262e;
+}
 .p-checkbox + label::before {
   content: "";
   cursor: pointer;
@@ -2553,24 +2539,29 @@ body {
   min-width: 16px;
   height: 16px;
   min-height: 16px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #b8b8c0;
   border-radius: 4px;
   background-color: white;
   transition: 0.3s background-color;
 }
 
-.p-checkbox:focus + label::before,
-.p-radio:focus + label::before {
+.p-checkbox:active + label::before,
+.p-radio:active + label::before {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px #26262e;
 }
 
 .p-checkbox:checked + label::before {
   background-image: url("./assets/checkmark.svg");
   background-repeat: no-repeat;
   background-position: center;
-  background-color: #8e8cee;
-  border-color: #8e8cee;
+  background-color: #26262e;
+  border: 1px solid transparent;
+}
+
+.p-checkbox:focus-visible + label {
+  border: 1px solid #26262e;
+  outline: 1px solid #26262e;
 }
 
 .p-checkbox--no-icon + label::before {
@@ -2583,24 +2574,26 @@ body {
   align-items: baseline;
   min-height: 48px;
   line-height: 24px;
-  color: #26262e;
+  color: #696971;
 }
 .p-label--bordered {
   align-items: center;
   padding: 12px 16px;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
-  transition: 0.3s border-color, 0.3s background-color;
 }
 .p-label--bordered:hover {
-  border-color: #8e8cee;
+  border-color: #919199;
+}
+.p-label--bordered {
+  transition: 0.3s border-color, 0.3s background-color;
 }
 
 input:checked[type=radio] + .p-label--bordered,
 input:checked[type=checkbox] + .p-label--bordered {
-  border-color: #8e8cee;
-  background-color: #ebebff;
+  border-color: #26262e;
+  background-color: #f9f9fd;
 }
 
 .p-label-container {
@@ -2618,7 +2611,7 @@ input:checked[type=checkbox] + .p-label--bordered {
   appearance: none;
   height: 48px;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
   font-family: inherit;
   font-size: 16px;
@@ -2632,15 +2625,16 @@ input:checked[type=checkbox] + .p-label--bordered {
   transition: box-shadow 0.3s;
 }
 .p-select:hover {
-  color: #4c4c53 !important;
-  border-color: #8e8cee;
+  color: #3f3f47 !important;
+  border-color: #26262e;
 }
 .p-select:invalid {
-  color: #91919c;
+  color: #26262e;
 }
 .p-select:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #8e8cee;
+  box-shadow: 0 0 0 1px #26262e;
+  border-color: #26262e;
 }
 .p-select option {
   font-family: Arial, Helvetica, sans-serif;
@@ -2652,26 +2646,26 @@ input:checked[type=checkbox] + .p-label--bordered {
   border-radius: 8px;
 }
 .p-notice--primary {
-  background-color: #ebebff;
-  border-color: #8e8cee;
+  background-color: #E8E7FE;
+  border-color: #8883D8;
   color: #26262e;
 }
 .p-notice--danger {
-  background-color: #fedede;
-  border-color: #e55454;
+  background-color: #FEE6E6;
+  border-color: #E55454;
   color: #26262e;
 }
 .p-notice--warning {
-  background-color: #fff8e3;
-  border-color: #f7ce5c;
+  background-color: #FEFAEC;
+  border-color: #F0D26F;
 }
 .p-notice--success {
-  background-color: #e4ffe6;
-  border-color: #84de8a;
+  background-color: #E6FAF1;
+  border-color: #85DCB4;
 }
 .p-notice--info {
-  background-color: #e5f0ff;
-  border-color: #8bb4ea;
+  background-color: #E5F0FF;
+  border-color: #8BB4EA;
 }
 
 .p-badge, .p-badge--default, .p-badge--info, .p-badge--danger, .p-badge--inactive, .p-badge--pending, .p-badge--active {
@@ -2685,22 +2679,22 @@ input:checked[type=checkbox] + .p-label--bordered {
   border-radius: 9px;
 }
 .p-badge--active {
-  background-color: #c4f5c8;
+  background-color: #AAEACC;
 }
 .p-badge--pending {
-  background-color: #fae3a5;
+  background-color: #F6E7AC;
 }
 .p-badge--inactive {
-  background-color: #d2d2d8;
+  background-color: #d2d2d9;
 }
 .p-badge--danger {
-  background-color: #faa0a0;
+  background-color: #FAA0A0;
 }
 .p-badge--info {
-  background-color: #b0cdf3;
+  background-color: #B0CDF3;
 }
 .p-badge--default {
-  background-color: #ebebff;
+  background-color: #E8E7FE;
 }
 
 .ds-spinner {
@@ -2714,11 +2708,11 @@ input:checked[type=checkbox] + .p-label--bordered {
   position: absolute;
   width: 100%;
   height: 100%;
-  border: 2px solid #8e8cee;
+  border: 2px solid #26262e;
   border-radius: 16px;
 }
 .ds-spinner::before {
-  opacity: 0.5;
+  opacity: 0.2;
   transform: rotate(90deg);
 }
 .ds-spinner::after {
@@ -2752,22 +2746,43 @@ input:checked[type=checkbox] + .p-label--bordered {
     transform: rotate(360deg);
   }
 }
+.bs-xs {
+  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);
+}
+
+.bs-sm {
+  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);
+}
+
+.bs-md {
+  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);
+}
+
+.bs-lg {
+  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);
+}
+
+.bs-xl {
+  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);
+}
+
 .ds-card, .ds-card--muted, .ds-card--actionable {
   background-color: white;
   border-radius: 8px;
-  border: 2px solid transparent;
-  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.1);
+  border: 1px solid transparent;
+  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);
   transition: border-color 0.3s;
 }
 .ds-card--actionable {
   cursor: pointer;
 }
 .ds-card--actionable:hover {
-  border: 2px solid #b1b0f5;
+  border: 1px solid #26262e;
 }
-.ds-card--actionable:focus {
-  outline: 3px solid #8e8cee;
-  border: 2px solid transparent;
+.ds-card--actionable:focus-visible {
+  border: 1px solid #26262e;
+  box-shadow: 0 0 0 1px #26262e;
+  outline: none;
 }
 .ds-card--muted {
   opacity: 0.25;
@@ -2776,28 +2791,44 @@ input:checked[type=checkbox] + .p-label--bordered {
   box-shadow: none;
 }
 
-.bs-xs {
-  box-shadow: 0px 4px 6px rgba(97, 96, 162, 0.01);
+.border-strong-default {
+  border: 1px solid #d2d2d9;
 }
 
-.bs-sm {
-  box-shadow: 0px 2px 20px 0px rgba(97, 96, 162, 0.06);
+.border-strong-hover {
+  border: 1px solid #919199;
 }
 
-.bs-md {
-  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.12);
+.border-strong-active {
+  border: 1px solid #26262e;
 }
 
-.bs-lg {
-  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.15);
+.border-medium-default {
+  border: 1px solid #e7e7ed;
 }
 
-.fw-normal {
-  font-weight: 400 !important;
+.border-medium-hover {
+  border: 1px solid #b8b8c0;
 }
 
-.fw-bold {
-  font-weight: 700 !important;
+.border-medium-active {
+  border: 1px solid #3f3f47;
+}
+
+.border-soft-default {
+  border: 1px solid #f2f2f8;
+}
+
+.border-soft-hover {
+  border: 1px solid #d2d2d9;
+}
+
+.border-soft-active {
+  border: 1px solid #919199;
+}
+
+.border-focus {
+  border: 2px solid #26262e;
 }
 
 .pac-item {
@@ -2809,11 +2840,11 @@ input:checked[type=checkbox] + .p-label--bordered {
   font-family: Lato, sans-serif;
 }
 .pac-item:hover {
-  background-color: var(--ds-grey-200);
+  background-color: var(--ds-neutral-100);
 }
 
 .pac-item-selected {
-  background-color: var(--ds-primary-100);
+  background-color: var(--ds-purple-300);
 }
 
 .pac-item {
@@ -2841,7 +2872,7 @@ input:checked[type=checkbox] + .p-label--bordered {
 }
 .pac-container {
   background-color: white;
-  border: 1px solid var(--ds-grey-400);
+  border: 1px solid var(--ds-neutral-400);
   box-shadow: none;
   border-radius: 8px;
   margin-top: 8px;
@@ -2865,7 +2896,7 @@ html {
 }
 
 body {
-  background-color: #f5f6fb;
+  background-color: #f7f7fd;
 }
 
 /*# sourceMappingURL=index.css.map */