@7shifts/sous-chef 3.48.0-beta.1 → 3.48.0

package/dist/index.css

@@ -1,30 +1,24 @@
 @font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYREGULAR.OTF") format("opentype");
-  font-weight: normal;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYMEDIUM.OTF") format("opentype");
+  font-family: "Proxima Nova";
+  src: url("https://cdn.7shifts.com/fonts/proximaNova-semibold.eot");
+  src: url("https://cdn.7shifts.com/fonts/proximaNova-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.woff") format("woff"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.ttf") format("truetype"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.svg#ProximaNova-Semibold") format("svg");
   font-weight: 600;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
 }
 @font-face {
-  font-family: "Universal Sans Display";
-  src: url("https://cdn.7shifts.com/fonts/UniversalSans/Universal-Sans-Display-500.ttf");
-  font-weight: 500;
+  font-family: "Proxima Nova";
+  src: url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.eot");
+  src: url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.woff") format("woff"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.ttf") format("truetype"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.svg#proxima_nova_rgregular") format("svg");
+  font-weight: normal;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
 }
 :root {
-  --font-family-heading: "Universal Sans Display", sans-serif;
-  --font-family-body: "SF Pro", sans-serif;
+  --font-family-brand: "Proxima Nova", sans-serif;
+  --font-family-body: "Proxima Nova", sans-serif;
   --font-size-100: 0.75rem;
   --font-size-200: 0.875rem;
   --font-size-300: 1rem;
@@ -184,11 +178,10 @@
   --z-index-portal: 9999;
 }
 body {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  color: var(--color-grey-500);
 }
 ._OINV1 {
   display: flex;
@@ -238,7 +231,7 @@ body {
   display: inline-flex;
 }
 ._3s_-x {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -246,7 +239,7 @@ body {
 }
 
 ._29W-o {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -283,7 +276,7 @@ Just for future references:
 }
 
 ._LbMlH {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -297,7 +290,7 @@ Just for future references:
 }
 
 ._15FwS {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -430,7 +423,7 @@ Just for future references:
   text-align: left;
 }
 ._1lo14 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -457,7 +450,7 @@ Just for future references:
   color: var(--color-grey-500);
 }
 ._2rZ80 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -493,7 +486,7 @@ Just for future references:
   color: var(--color-grey-500);
 }
 ._YjZTi {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -906,7 +899,7 @@ Just for future references:
   border: 1px solid var(--color-grey-200);
 }
 ._31UYJ {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -924,7 +917,7 @@ Just for future references:
   text-decoration: underline;
 }
 ._38KEH._38KEH {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -950,7 +943,7 @@ Just for future references:
   text-align: left;
 }
 ._dJWps {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1022,7 +1015,7 @@ Just for future references:
   table-layout: fixed;
 }
 ._1YYyL {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1048,7 +1041,7 @@ Just for future references:
   border-bottom-right-radius: 0;
 }
 ._ASPHe {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1166,7 +1159,7 @@ Just for future references:
 }
 
 ._iZe2g {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1175,7 +1168,7 @@ Just for future references:
 }
 
 ._2KsRB {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1256,7 +1249,7 @@ Just for future references:
   min-height: 38px;
 }
 ._1eCfd {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1287,7 +1280,7 @@ Just for future references:
   box-shadow: 0 0 8px var(--color-blackberry-300);
 }
 ._3gsXT {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1305,21 +1298,21 @@ Just for future references:
   text-overflow: ellipsis;
 }
 ._1sq2y {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
   color: var(--color-grey-500);
 }
 ._2EaHy {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
   color: var(--color-radish-400);
 }
 ._3BVGA {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1374,7 +1367,7 @@ Just for future references:
 }
 
 ._KE6FS {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1399,7 +1392,7 @@ Just for future references:
 }
 
 ._1Zl92 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1453,7 +1446,7 @@ Just for future references:
   color: var(--color-grey-400);
 }
 ._3zhrP {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1482,41 +1475,40 @@ Just for future references:
   outline: none;
 }
 h1._32amZ {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-600);
   line-height: var(--font-line-height-600);
   font-weight: var(--p-font-weight-bold);
-  color: var(--color-grey-600);
 }
 
 h2._32amZ {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
   font-weight: var(--p-font-weight-bold);
-  color: var(--color-grey-600);
 }
 
 h3._32amZ {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-bold);
-  color: var(--color-grey-600);
 }
 
 h4._32amZ {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
+  color: var(--color-grey-400);
 }
 
 h5._32amZ {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-300);
   line-height: var(--font-line-height-300);
   font-weight: var(--p-font-weight-normal);
+  color: var(--color-grey-400);
 }
 
 ._32amZ {
@@ -1524,26 +1516,25 @@ h5._32amZ {
   margin: 0;
 }
 ._ayJRy {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
 }
 ._3g1gi {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
 }
 ._20Phg {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-700);
   line-height: var(--font-line-height-700);
   font-weight: var(--p-font-weight-bold);
 }
 ._A0AyZ {
   font-weight: var(--p-font-weight-bold);
-  color: var(--color-grey-600);
 }
 ._3jayQ {
   font-style: italic;
@@ -1639,7 +1630,7 @@ h5._32amZ {
   text-transform: uppercase;
 }
 ._12zfd {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1677,7 +1668,7 @@ h5._32amZ {
   max-width: 1000px;
 }
 ._EtQ8V {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1700,7 +1691,7 @@ h5._32amZ {
   height: 48px;
 }
 ._2u-Hw {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1734,6 +1725,8 @@ h5._32amZ {
 ._3cjo0 {
   display: flex;
   justify-content: space-around;
+  color: var(--color-grey-500);
+  font-family: var(--font-family-brand);
 }
 ._WwXRR {
   background: var(--color-grey-100);
@@ -1932,7 +1925,7 @@ h5._32amZ {
   opacity: 0;
 }
 ._2iRIU {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
   font-weight: var(--p-font-weight-bold);
@@ -1948,7 +1941,7 @@ h5._32amZ {
 }
 
 ._3UWdF {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
@@ -1960,7 +1953,7 @@ h5._32amZ {
  * There is a cleaner solution using background-attachment (https://lea.verou.me/2012/04/background-attachment-local/) but I had some issues in Chrome using that approach
  */
 ._vu6lH {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2032,7 +2025,7 @@ h5._32amZ {
 }
 
 ._3YRyk {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2111,7 +2104,7 @@ h5._32amZ {
 }
 
 ._2AdsD {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2321,7 +2314,7 @@ input:disabled + ._2W10t::after {
   height: 100%;
 }
 ._1-1WW input {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2631,7 +2624,7 @@ input:disabled + ._2W10t::after {
   max-width: 667px;
 }
 ._1b3C0 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2721,7 +2714,7 @@ input:disabled + ._2W10t::after {
   width: 336px;
 }
 ._2UNAw {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2778,7 +2771,7 @@ input:disabled + ._2W10t::after {
   display: flex;
 }
 ._9hSoW {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2872,14 +2865,14 @@ input:disabled + ._2W10t::after {
   color: var(--color-grey-500);
 }
 ._39X-5 {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-bold);
   margin: 0;
 }
 ._pwBR_ {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2906,7 +2899,7 @@ input:disabled + ._2W10t::after {
   background-color: var(--color-white);
 }
 ._eyfGn textarea {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2954,7 +2947,7 @@ input:disabled + ._2W10t::after {
   cursor: pointer;
 }
 ._W4HpY {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3007,7 +3000,7 @@ input:focus-visible + ._W4HpY {
   outline: none;
 }
 ._3QyeH {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3026,7 +3019,7 @@ input:focus-visible + ._W4HpY {
 }
 
 ._thT22 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3038,7 +3031,7 @@ input:focus-visible + ._W4HpY {
   min-height: 16px;
 }
 ._3hIRY {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3057,7 +3050,7 @@ input:focus-visible + ._W4HpY {
 }
 
 ._2RJol {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -3109,7 +3102,7 @@ input:checked ~ ._3mCob {
   pointer-events: none;
 }
 ._kl23S {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3124,7 +3117,7 @@ input:checked ~ ._3mCob {
   color: var(--color-grey-300);
 }
 ._2CvoH {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -3197,7 +3190,7 @@ input:disabled + ._1aaPx::after {
   top: 4px;
 }
 ._2XkkE {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3252,13 +3245,15 @@ input:disabled + ._1aaPx::after {
 }
 ._1XvvK {
   color: var(--color-grey-200);
+  font-family: var(--font-family-brand);
 }
 
 ._1cNVk {
   color: var(--color-grey-400);
+  font-family: var(--font-family-brand);
 }
 ._12jq3 {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3269,7 +3264,7 @@ input:disabled + ._1aaPx::after {
   padding: 8px 12px;
 }
 ._10EFd, ._33Mhr {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3316,7 +3311,7 @@ input:disabled + ._1aaPx::after {
   width: 100%;
 }
 ._vgwnU, ._LZvMX input, ._LZvMX {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3414,7 +3409,7 @@ input:disabled + ._1aaPx::after {
 }
 
 ._2x1hd {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3482,7 +3477,7 @@ input:disabled + ._1aaPx::after {
   color: var(--color-grey-200);
 }
 ._pPDKc, ._rSyiE input, ._rSyiE {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3559,7 +3554,7 @@ input:disabled + ._1aaPx::after {
   border-bottom-left-radius: 0;
 }
 ._2K8Ob {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4623,7 +4618,7 @@ input._1zowl {
   background-image: url(./flags/zw.svg);
 }
 ._1QLaK {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -4679,7 +4674,7 @@ input._1zowl {
      object-fit: cover;
 }
 ._o5x6S {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4691,7 +4686,7 @@ input._1zowl {
   margin-top: 10px;
 }
 ._VxW5y {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
@@ -4703,7 +4698,7 @@ input._1zowl {
   margin-top: 15px;
 }
 ._ec7jQ {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
   font-weight: var(--p-font-weight-bold);
@@ -4715,7 +4710,7 @@ input._1zowl {
   margin-top: 18px;
 }
 ._3VS00 {
-  font-family: var(--font-family-heading);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-600);
   line-height: var(--font-line-height-600);
   font-weight: var(--p-font-weight-bold);
@@ -4736,7 +4731,7 @@ input._1zowl {
   padding-top: 25%;
 }
 ._3e7Of {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -4772,7 +4767,7 @@ input._1zowl {
   color: var(--color-radish-600);
 }
 ._1vA9B {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4828,7 +4823,7 @@ input._1zowl {
   max-width: 667px;
 }
 ._1o2PF {
-  font-family: var(--font-family-body);
+  font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);