@7shifts/sous-chef 3.48.0-beta.2 → 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;
@@ -41,7 +35,6 @@
   --font-line-height-700: 2.75rem;
   --p-font-weight-light: 300;
   --p-font-weight-normal: 400;
-  --p-font-weight-semibold: 500;
   --p-font-weight-bold: 600;
 }
 :root {
@@ -185,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;
@@ -239,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);
@@ -247,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);
@@ -284,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);
@@ -298,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);
@@ -431,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);
@@ -458,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);
@@ -494,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);
@@ -907,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);
@@ -925,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);
@@ -951,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);
@@ -1023,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);
@@ -1049,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);
@@ -1167,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);
@@ -1176,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);
@@ -1257,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);
@@ -1288,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);
@@ -1306,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);
@@ -1375,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);
@@ -1400,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);
@@ -1454,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);
@@ -1483,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-semibold);
-  color: var(--color-grey-600);
+  font-weight: var(--p-font-weight-bold);
 }
 
 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-semibold);
-  color: var(--color-grey-600);
+  font-weight: var(--p-font-weight-bold);
 }
 
 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-semibold);
-  color: var(--color-grey-600);
+  font-weight: var(--p-font-weight-bold);
 }
 
 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 {
@@ -1525,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-semibold);
+  font-weight: var(--p-font-weight-bold);
 }
 ._A0AyZ {
   font-weight: var(--p-font-weight-bold);
-  color: var(--color-grey-600);
 }
 ._3jayQ {
   font-style: italic;
@@ -1640,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);
@@ -1678,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);
@@ -1701,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);
@@ -1735,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);
@@ -1933,10 +1925,10 @@ 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-semibold);
+  font-weight: var(--p-font-weight-bold);
   color: var(--color-grey-500);
   padding: 0;
 }
@@ -1949,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);
@@ -1961,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);
@@ -2033,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);
@@ -2112,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);
@@ -2322,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);
@@ -2632,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);
@@ -2722,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);
@@ -2779,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);
@@ -2873,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-semibold);
+  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);
@@ -2907,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);
@@ -2955,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);
@@ -3008,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);
@@ -3027,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);
@@ -3039,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);
@@ -3058,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);
@@ -3110,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);
@@ -3125,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);
@@ -3198,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);
@@ -3253,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);
@@ -3270,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);
@@ -3317,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);
@@ -3415,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);
@@ -3483,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);
@@ -3560,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);
@@ -4624,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);
@@ -4680,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);
@@ -4692,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);
@@ -4704,10 +4698,10 @@ 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-semibold);
+  font-weight: var(--p-font-weight-bold);
   width: 40px;
   height: 40px;
 }
@@ -4716,10 +4710,10 @@ 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-semibold);
+  font-weight: var(--p-font-weight-bold);
   width: 80px;
   height: 80px;
 }
@@ -4737,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);
@@ -4773,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);
@@ -4829,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);