@font-face {
  font-family: "Satoshi-Variable";
  src: url("../woff2/satoshi-variable.woff2") format("woff2"),
       url("../woff/satoshi-variable.woff") format("woff"),
       url("../ttf/satoshi-variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("../woff2/satoshi-variableitalic.woff2") format("woff2"),
       url("../woff/satoshi-variableitalic.woff") format("woff"),
       url("../ttf/satoshi-variableitalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Light";
  src: url("../woff2/satoshi-light.woff2") format("woff2"),
       url("../woff/satoshi-light.woff") format("woff"),
       url("../ttf/satoshi-light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("../woff2/satoshi-lightitalic.woff2") format("woff2"),
       url("../woff/satoshi-lightitalic.woff") format("woff"),
       url("../ttf/satoshi-lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Regular";
  src: url("../woff2/satoshi-regular.woff2") format("woff2"),
       url("../woff/satoshi-regular.woff") format("woff"),
       url("../ttf/satoshi-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-Italic";
  src: url("../woff2/satoshi-italic.woff2") format("woff2"),
       url("../woff/satoshi-italic.woff") format("woff"),
       url("../ttf/satoshi-italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Medium";
  src: url("../woff2/satoshi-medium.woff2") format("woff2"),
       url("../woff/satoshi-medium.woff") format("woff"),
       url("../ttf/satoshi-medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("../woff2/satoshi-mediumitalic.woff2") format("woff2"),
       url("../woff/satoshi-mediumitalic.woff") format("woff"),
       url("../ttf/satoshi-mediumitalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Bold";
  src: url("../woff2/satoshi-bold.woff2") format("woff2"),
       url("../woff/satoshi-bold.woff") format("woff"),
       url("../ttf/satoshi-bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("../woff2/satoshi-bolditalic.woff2") format("woff2"),
       url("../woff/satoshi-bolditalic.woff") format("woff"),
       url("../ttf/satoshi-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Black";
  src: url("../woff2/satoshi-black.woff2") format("woff2"),
       url("../woff/satoshi-black.woff") format("woff"),
       url("../ttf/satoshi-black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("../woff2/satoshi-blackitalic.woff2") format("woff2"),
       url("../woff/satoshi-blackitalic.woff") format("woff"),
       url("../ttf/satoshi-blackitalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "ClashGrotesk-Variable";
  src: url("../woff2/clashgrotesk-variable.woff2") format("woff2"),
       url("../woff/clashgrotesk-variable.woff") format("woff"),
       url("../ttf/clashgrotesk-variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Extralight";
  src: url("../woff2/clashgrotesk-extralight.woff2") format("woff2"),
       url("../woff/clashgrotesk-extralight.woff") format("woff"),
       url("../ttf/clashgrotesk-extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Light";
  src: url("../woff2/clashgrotesk-light.woff2") format("woff2"),
       url("../woff/clashgrotesk-light.woff") format("woff"),
       url("../ttf/clashgrotesk-light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Regular";
  src: url("../woff2/clashgrotesk-regular.woff2") format("woff2"),
       url("../woff/clashgrotesk-regular.woff") format("woff"),
       url("../ttf/clashgrotesk-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Medium";
  src: url("../woff2/clashgrotesk-medium.woff2") format("woff2"),
       url("../woff/clashgrotesk-medium.woff") format("woff"),
       url("../ttf/clashgrotesk-medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Semibold";
  src: url("../woff2/clashgrotesk-semibold.woff2") format("woff2"),
       url("../woff/clashgrotesk-semibold.woff") format("woff"),
       url("../ttf/clashgrotesk-semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGrotesk-Bold";
  src: url("../woff2/clashgrotesk-bold.woff2") format("woff2"),
       url("../woff/clashgrotesk-bold.woff") format("woff"),
       url("../ttf/clashgrotesk-bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}