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

package/dist/index.css

@@ -1,24 +1,30 @@
 @font-face {
-  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-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-weight: 600;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
 }
 @font-face {
-  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-family: "Universal Sans Display";
+  src: url("https://cdn.7shifts.com/fonts/UniversalSans/Universal-Sans-Display-500.ttf");
+  font-weight: 500;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
 }
 :root {
-  --font-family-brand: "Proxima Nova", sans-serif;
-  --font-family-body: "Proxima Nova", sans-serif;
+  --font-family-heading: "Universal Sans Display", sans-serif;
+  --font-family-body: "SF Pro", sans-serif;
   --font-size-100: 0.75rem;
   --font-size-200: 0.875rem;
   --font-size-300: 1rem;
@@ -178,10 +184,11 @@
   --z-index-portal: 9999;
 }
 body {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   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;
@@ -231,7 +238,7 @@ body {
   display: inline-flex;
 }
 ._3s_-x {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -239,7 +246,7 @@ body {
 }
 
 ._29W-o {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -276,7 +283,7 @@ Just for future references:
 }
 
 ._LbMlH {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -290,7 +297,7 @@ Just for future references:
 }
 
 ._15FwS {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -423,7 +430,7 @@ Just for future references:
   text-align: left;
 }
 ._1lo14 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -450,7 +457,7 @@ Just for future references:
   color: var(--color-grey-500);
 }
 ._2rZ80 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -486,7 +493,7 @@ Just for future references:
   color: var(--color-grey-500);
 }
 ._YjZTi {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -899,7 +906,7 @@ Just for future references:
   border: 1px solid var(--color-grey-200);
 }
 ._31UYJ {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -917,7 +924,7 @@ Just for future references:
   text-decoration: underline;
 }
 ._38KEH._38KEH {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -943,7 +950,7 @@ Just for future references:
   text-align: left;
 }
 ._dJWps {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1015,7 +1022,7 @@ Just for future references:
   table-layout: fixed;
 }
 ._1YYyL {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1041,7 +1048,7 @@ Just for future references:
   border-bottom-right-radius: 0;
 }
 ._ASPHe {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1159,7 +1166,7 @@ Just for future references:
 }
 
 ._iZe2g {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1168,7 +1175,7 @@ Just for future references:
 }
 
 ._2KsRB {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1249,7 +1256,7 @@ Just for future references:
   min-height: 38px;
 }
 ._1eCfd {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1280,7 +1287,7 @@ Just for future references:
   box-shadow: 0 0 8px var(--color-blackberry-300);
 }
 ._3gsXT {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1298,21 +1305,21 @@ Just for future references:
   text-overflow: ellipsis;
 }
 ._1sq2y {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   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-brand);
+  font-family: var(--font-family-body);
   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-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1367,7 +1374,7 @@ Just for future references:
 }
 
 ._KE6FS {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1392,7 +1399,7 @@ Just for future references:
 }
 
 ._1Zl92 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1446,7 +1453,7 @@ Just for future references:
   color: var(--color-grey-400);
 }
 ._3zhrP {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1475,40 +1482,41 @@ Just for future references:
   outline: none;
 }
 h1._32amZ {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-heading);
   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-brand);
+  font-family: var(--font-family-heading);
   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-brand);
+  font-family: var(--font-family-heading);
   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-brand);
+  font-family: var(--font-family-body);
   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-brand);
+  font-family: var(--font-family-body);
   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 {
@@ -1516,25 +1524,26 @@ h5._32amZ {
   margin: 0;
 }
 ._ayJRy {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   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-brand);
+  font-family: var(--font-family-body);
   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-brand);
+  font-family: var(--font-family-heading);
   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;
@@ -1630,7 +1639,7 @@ h5._32amZ {
   text-transform: uppercase;
 }
 ._12zfd {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1668,7 +1677,7 @@ h5._32amZ {
   max-width: 1000px;
 }
 ._EtQ8V {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -1691,7 +1700,7 @@ h5._32amZ {
   height: 48px;
 }
 ._2u-Hw {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -1725,8 +1734,6 @@ 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);
@@ -1925,7 +1932,7 @@ h5._32amZ {
   opacity: 0;
 }
 ._2iRIU {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-heading);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
   font-weight: var(--p-font-weight-bold);
@@ -1941,7 +1948,7 @@ h5._32amZ {
 }
 
 ._3UWdF {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
@@ -1953,7 +1960,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-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2025,7 +2032,7 @@ h5._32amZ {
 }
 
 ._3YRyk {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2104,7 +2111,7 @@ h5._32amZ {
 }
 
 ._2AdsD {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2314,7 +2321,7 @@ input:disabled + ._2W10t::after {
   height: 100%;
 }
 ._1-1WW input {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2624,7 +2631,7 @@ input:disabled + ._2W10t::after {
   max-width: 667px;
 }
 ._1b3C0 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2704,6 +2711,9 @@ input:disabled + ._2W10t::after {
 ._1khlU {
   padding: 8px 4px 8px 4px;
 }
+._3MaoM {
+  margin-right: 28px;
+}
 ._zaON7 {
   width: 272px;
 }
@@ -2711,7 +2721,7 @@ input:disabled + ._2W10t::after {
   width: 336px;
 }
 ._2UNAw {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2768,7 +2778,7 @@ input:disabled + ._2W10t::after {
   display: flex;
 }
 ._9hSoW {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2862,14 +2872,14 @@ input:disabled + ._2W10t::after {
   color: var(--color-grey-500);
 }
 ._39X-5 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-heading);
   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-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2896,7 +2906,7 @@ input:disabled + ._2W10t::after {
   background-color: var(--color-white);
 }
 ._eyfGn textarea {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2944,7 +2954,7 @@ input:disabled + ._2W10t::after {
   cursor: pointer;
 }
 ._W4HpY {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -2997,7 +3007,7 @@ input:focus-visible + ._W4HpY {
   outline: none;
 }
 ._3QyeH {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3016,7 +3026,7 @@ input:focus-visible + ._W4HpY {
 }
 
 ._thT22 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3028,7 +3038,7 @@ input:focus-visible + ._W4HpY {
   min-height: 16px;
 }
 ._3hIRY {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3047,7 +3057,7 @@ input:focus-visible + ._W4HpY {
 }
 
 ._2RJol {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -3099,7 +3109,7 @@ input:checked ~ ._3mCob {
   pointer-events: none;
 }
 ._kl23S {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3114,7 +3124,7 @@ input:checked ~ ._3mCob {
   color: var(--color-grey-300);
 }
 ._2CvoH {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -3187,7 +3197,7 @@ input:disabled + ._1aaPx::after {
   top: 4px;
 }
 ._2XkkE {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3242,15 +3252,13 @@ 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-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3261,7 +3269,7 @@ input:disabled + ._1aaPx::after {
   padding: 8px 12px;
 }
 ._10EFd, ._33Mhr {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3308,7 +3316,7 @@ input:disabled + ._1aaPx::after {
   width: 100%;
 }
 ._vgwnU, ._LZvMX input, ._LZvMX {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3406,7 +3414,7 @@ input:disabled + ._1aaPx::after {
 }
 
 ._2x1hd {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3474,7 +3482,7 @@ input:disabled + ._1aaPx::after {
   color: var(--color-grey-200);
 }
 ._pPDKc, ._rSyiE input, ._rSyiE {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -3551,7 +3559,7 @@ input:disabled + ._1aaPx::after {
   border-bottom-left-radius: 0;
 }
 ._2K8Ob {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4615,7 +4623,7 @@ input._1zowl {
   background-image: url(./flags/zw.svg);
 }
 ._1QLaK {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -4671,7 +4679,7 @@ input._1zowl {
      object-fit: cover;
 }
 ._o5x6S {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4683,7 +4691,7 @@ input._1zowl {
   margin-top: 10px;
 }
 ._VxW5y {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
@@ -4695,7 +4703,7 @@ input._1zowl {
   margin-top: 15px;
 }
 ._ec7jQ {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-heading);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
   font-weight: var(--p-font-weight-bold);
@@ -4707,7 +4715,7 @@ input._1zowl {
   margin-top: 18px;
 }
 ._3VS00 {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-heading);
   font-size: var(--font-size-600);
   line-height: var(--font-line-height-600);
   font-weight: var(--p-font-weight-bold);
@@ -4728,7 +4736,7 @@ input._1zowl {
   padding-top: 25%;
 }
 ._3e7Of {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
@@ -4764,7 +4772,7 @@ input._1zowl {
   color: var(--color-radish-600);
 }
 ._1vA9B {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
@@ -4820,7 +4828,7 @@ input._1zowl {
   max-width: 667px;
 }
 ._1o2PF {
-  font-family: var(--font-family-brand);
+  font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);