body,
#root {
  font-family: "Onest", sans-serif;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  color: #444C61;
}

.exos-message + .exos-message {
  margin-top: 0;
}

div.grid-cell-centered,
div.grid-cell-centered>* {
  justify-self: center;
  margin: auto;
}

.shadow-scroll {
  background:
    /* Shadow Cover TOP */ linear-gradient(
    white 30%,
    rgba(255, 255, 255, 0)
  )
  center top,
    /* Shadow Cover BOTTOM */ linear-gradient(rgba(255, 255, 255, 0), white 70%)
  center bottom,
    /* Shadow TOP */
  radial-gradient(
    farthest-side at 50% 0,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0)
  )
  center top,
    /* Shadow BOTTOM */
  radial-gradient(
    farthest-side at 50% 100%,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0)
  )
  center bottom;

  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}

.ant-tooltip .ant-tooltip-arrow::before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--antd-arrow-background-color);
  clip-path: unset;
  background: transparent;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Black.ttf") format("opentype");
  font-weight: 900;
  font-style: normal;
}


@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-ExtraBold.ttf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
}


@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-ExtraLight.ttf") format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: url("fonts/Onest-Thin.ttf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Black.ttf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-ExtraBold.ttf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-ExtraLight.ttf") format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("fonts/Inter-Thin.ttf") format("opentype");
  font-weight: 100;
  font-style: normal;
}