@font-face {
  font-family: fontVisioABCRegular;
  src: url("font/ABCDiatype-Regular.otf");
}
@font-face {
  font-family: fontVisioABCMono;
  src: url("font/ABCDiatypeSemiMono-Regular.otf");
}

@font-face {
  font-family: fontVisioABCMono-SemiBold;
  src: url("font/ABCDiatypeSemiMono-Bold.otf");
}
@font-face {
  font-family: fontVisioABCMono-Bold;
  src: url("font/ABCDiatypeCondensed-Bold.otf");
}



@font-face {
  font-family: fontVisioIBMPlex-Bold;
  src: url("font/IBMPlex/IBMPlexMono-Bold.ttf");
}
@font-face {
  font-family: fontVisioIBMPlex-Regular;
  src: url("font/IBMPlex/IBMPlexMono-Regular.ttf");
}
@font-face {
  font-family: fontVisioIBMPlex-SemiBold;
  src: url("font/IBMPlex/IBMPlexMono-SemiBold.ttf");
}

@font-face {
  font-family: fontVisioInter-Regular;
  src: url("font/Inter/Inter-Regular.ttf");
}
@font-face {
  font-family: fontVisioInter-SemiBold;
  src: url("font/Inter/Inter-SemiBold.ttf");
}




:root {
  --white: rgba(255, 255, 255, 1);
  --black: rgba(0, 0, 0, 1);
  --visio-blu: rgba(0, 163, 224, 1);
  --verde: rgba(0, 176, 139, 1);
  --rosso: rgba(249, 66, 58, 1);
  --giallo: rgba(255, 199, 9, 1);
  --viola: rgba(231, 186, 228, 1);
  --light-grey: rgba(230, 230, 230, 1);
  --dark-grey: rgba(140, 140, 140, 1);
  --text-s-font-family: "NeueHaas Grotesk Display Pro-65Medium", Helvetica;
  --text-s-font-weight: 500;
  --text-s-font-size: 15px;
  --text-s-letter-spacing: 0px;
  --text-s-line-height: 18px;
  --text-s-font-style: normal;
  --text-s-italic-font-family: "NeueHaas Grotesk Display Pro-66Medium Italic", Helvetica;
  --text-s-italic-font-weight: 500;
  --text-s-italic-font-size: 15px;
  --text-s-italic-letter-spacing: 0px;
  --text-s-italic-line-height: 18px;
  --text-s-italic-font-style: italic;
  --text-m-font-family: "NeueHaas Grotesk Display Pro-65Medium", Helvetica;
  --text-m-font-weight: 500;
  --text-m-font-size: 18px;
  --text-m-letter-spacing: 0px;
  --text-m-line-height: 21px;
  --text-m-font-style: normal;
  --text-m-italic-font-family: "NeueHaas Grotesk Display Pro-66Medium Italic", Helvetica;
  --text-m-italic-font-weight: 500;
  --text-m-italic-font-size: 18px;
  --text-m-italic-letter-spacing: 0px;
  --text-m-italic-line-height: 21px;
  --text-m-italic-font-style: italic;
  --text-l-font-family: "NeueHaas Grotesk Display Pro-65Medium", Helvetica;
  --text-l-font-weight: 500;
  --text-l-font-size: 24px;
  --text-l-letter-spacing: 0px;
  --text-l-line-height: 24px;
  --text-l-font-style: normal;
  --text-l-italic-font-family: "NeueHaas Grotesk Display Pro-66Medium Italic", Helvetica;
  --text-l-italic-font-weight: 500;
  --text-l-italic-font-size: 24px;
  --text-l-italic-letter-spacing: 0px;
  --text-l-italic-line-height: 24px;
  --text-l-italic-font-style: italic;
  --title-s-font-family: "NeueHaas Grotesk Display Pro-65Medium", Helvetica;
  --title-s-font-weight: 500;
  --title-s-font-size: 48px;
  --title-s-letter-spacing: -0.96px;
  --title-s-line-height: 48px;
  --title-s-font-style: normal;
  --title-m-font-family: "NeueHaas Grotesk Display Pro-65Medium", Helvetica;
  --title-m-font-weight: 500;
  --title-m-font-size: 72px;
  --title-m-letter-spacing: -1.44px;
  --title-m-line-height: 72px;
  --title-m-font-style: normal;
  --h1-font-family: "fontVisioIBMPlex-Bold", Helvetica;
  --h1-font-weight: 700;
  --h1-font-size: 48px;
  --h1-letter-spacing: -0.48px;
  --h1-line-height: 48px;
  --h1-font-style: normal;
  --h2-font-family: "fontVisioInter-Regular", Helvetica;
  --h2-font-weight: 500;
  --h2-font-size: 30px;
  --h2-letter-spacing: -0.3px;
  --h2-line-height: 36px;
  --h2-font-style: normal;
  --h4-font-family: "fontVisioIBMPlex-SemiBold", Helvetica;
  --h4-font-weight: 600;
  --h4-font-size: 20px;
  --h4-letter-spacing: -0.2px;
  --h4-line-height: 24px;
  --h4-font-style: normal;
  --h5-font-family: "fontVisioInter-Regular", Helvetica;
  --h5-font-weight: 400;
  --h5-font-size: 16px;
  --h5-letter-spacing: 0.16px;
  --h5-line-height: 22px;
  --h5-font-style: normal;
  --h6-font-family: "IBMPlex Mono-SemiBold", Helvetica;
  --h6-font-weight: 600;
  --h6-font-size: 12px;
  --h6-letter-spacing: 0.24px;
  --h6-line-height: 22px;
  --h6-font-style: normal;
  --variable-collection-VISIO-blue: rgba(147, 207, 235, 1);
}