@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-HumRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-Hum-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-Hum-Fat.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-HumBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-HumThin.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Fieldwork';
  src: url('fonts/Fieldwork-HumHair.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

html,
body {
  font-family: 'Fieldwork', 'Segoe UI', sans-serif;
  --DS-font-family-sans-serif: 'Fieldwork';
  height: 100%;
  background-color: var(--DS-color-surface-neutral-default-rest);
  color: var(--DS-color-content-neutral-default-rest);
  font-size: var(--DS-font-size-body-2);
  font-weight: var(--DS-font-weight-body-1);
  line-height: var(--DS-line-height-body-1);
  margin: 0;
}

.ri {
  font-weight: normal;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}