:root {
  --font-primary: "Berkeley Mono", sans-serif;
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/uploads/gyg0lLJSW1iKVThE5v_Hl-BerkeleyMono-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/uploads/6kdE0qIATTN7MJg1Cf18m-BerkeleyMono-Thin.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/uploads/g9X3lBSR2xsdHefthvwoc-BerkeleyMono-Thin-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/uploads/8rKHtCfa8J4-Z6El6okcC-BerkeleyMono-Thin-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/7vrCUQYKWvUDXbZWLuW-Q-BerkeleyMono-SemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/C4Q199923nhsYWGk5rcm5-BerkeleyMono-SemiLight.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/sBofstioeeFphIrfsBPQq-BerkeleyMono-SemiLight-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/Kl2sCl4Z4kW6ykfD-V1yK-BerkeleyMono-SemiLight-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/4WXGl-0OV3NTVfKo4pH_B-BerkeleyMono-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/BYVyzbnxYr_aIueO606Wq-BerkeleyMono-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/5FUZs5FNimgpL2hlw2p4j-BerkeleyMono-SemiBold-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/Bv8mE17i8L05TcJEFUFIK-BerkeleyMono-SemiBold-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/dsXBqeLkFqtl8TR9sz-N5-BerkeleyMono-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/Opd_YAnb9qNzkIqtn_CfP-BerkeleyMono-Regular.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/rLUsCTNBB_JXJrvzjfAbA-BerkeleyMono-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/5gqDIuJNHPfEKs7N9dE4Z-BerkeleyMono-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/0KyNIyr-uqbRWRkFaBV2F-BerkeleyMono-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/lRBMmW0xTVULIQ6riFXcp-BerkeleyMono-Medium.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fnzfHwdmvJ8AkJghu0D3m-BerkeleyMono-Medium-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/yy87Q9dyspY7FgM5Ig-O1-BerkeleyMono-Medium-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/-6qHUcgWoubeTKU6-pKMD-BerkeleyMono-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/JqhNKoByt_nr2p81zpSJJ-BerkeleyMono-Light.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/P5r7fBLQiiAj4OkohSy13-BerkeleyMono-Light-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/AYewWfx-23FeStMxqGoSu-BerkeleyMono-Light-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/3XGmlkGZLDS375ICPX0fT-BerkeleyMono-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/Ayj0arIew8nFz9RiuWMC5-BerkeleyMono-ExtraLight.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/VhhFe6BGIJbxbj4yxGjkW-BerkeleyMono-ExtraLight-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/7UXIVIW-OrWE8KUe1Klhq-BerkeleyMono-ExtraLight-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/38DsNxir5OpEXzXTq8hES-BerkeleyMono-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/bMA4JaBeFC09wgNFhCq2W-BerkeleyMono-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/6rqahyytrUF4IKt4OkG_O-BerkeleyMono-ExtraBold-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fyqRMEFKdRvlM2IckrCct-BerkeleyMono-ExtraBold-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/pXVByKEsbm4s7OuvEhG37-BerkeleyMono-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/NlOP14-_DwGjOoysbTmU0-BerkeleyMono-Bold.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/0ZZHcbLT8FoAo_Ryuzw4q-BerkeleyMono-Bold-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/PLF18PqaTP3_Lw3poe8mf-BerkeleyMono-Bold-Oblique.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/uploads/LHyaknPUgBbgKo8ErCy_s-BerkeleyMono-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/uploads/AL0WzykB1HTh0f1Qi3vdY-BerkeleyMono-Black.woff") format("woff");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/uploads/QnB_susBkd1mEYePYGYse-BerkeleyMono-Black-Oblique.woff2") format("woff2");
}

@font-face {
  font-family: "Berkeley Mono";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/uploads/mpmJ_OujRU5CUB5ZeLPO6-BerkeleyMono-Black-Oblique.woff") format("woff");
}
:root {
  --background: hsla(0, 0%, 0%, 1);
  --foreground: hsla(0, 0%, 100%, 1);
  --text-xs: clamp(1.02rem, calc(0.47vw + 0.87rem), 1.54rem);
  --text-s: clamp(1.28rem, calc(0.59vw + 1.09rem), 1.92rem);
  --text-m: clamp(1.6rem, calc(0.74vw + 1.36rem), 2.4rem);
  --text-l: clamp(2rem, calc(0.93vw + 1.7rem), 3rem);
  --text-xl: clamp(2.5rem, calc(1.16vw + 2.13rem), 3.75rem);
  --text-2xl: clamp(3.13rem, calc(1.45vw + 2.66rem), 4.69rem);
  --text-3xl: clamp(3.91rem, calc(1.81vw + 3.33rem), 5.86rem);
  --text-4xl: clamp(4.88rem, calc(2.26vw + 4.16rem), 7.32rem);
  --space--4xs: clamp(0.52rem, calc(0.49vw + 0.37rem), 1.05rem);
  --space--3xs: clamp(0.66rem, calc(0.61vw + 0.46rem), 1.31rem);
  --space--2xs: clamp(0.82rem, calc(0.76vw + 0.58rem), 1.64rem);
  --space--xs: clamp(1.02rem, calc(0.95vw + 0.72rem), 2.05rem);
  --space--s: clamp(1.28rem, calc(1.19vw + 0.9rem), 2.56rem);
  --space--m: clamp(1.6rem, calc(1.48vw + 1.13rem), 3.2rem);
  --space--l: clamp(2rem, calc(1.85vw + 1.41rem), 4rem);
  --space--xl: clamp(2.5rem, calc(2.31vw + 1.76rem), 5rem);
  --space--2xl: clamp(3.13rem, calc(2.89vw + 2.2rem), 6.25rem);
  --space--3xl: clamp(3.91rem, calc(3.62vw + 2.75rem), 7.81rem);
  --space--4xl: clamp(4.88rem, calc(4.52vw + 3.44rem), 9.77rem);
}
.space-padding-2xl {
  padding: var(--space--2xl);
}

.text-size-3xl {
  font-size: var(--text-3xl);
}

.bg-background {
  background-color: var(--background);
}

.text-foreground {
  color: var(--foreground);
}

.space-margin-top-m {
  margin-top: var(--space--m);
}