@font-face {
  font-family: "Seravek";
  src: url(92ff7336633c92252dba.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Seravek";
  src: url(da103da79ee66dcc62ea.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Seravek";
  src: url(736408a658bc439a3198.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Seravek";
  src: url(415dc4d7f5851eacaf32.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Seravek";
  src: url(f298591e73a88f66b583.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Seravek";
  src: url(00b31c0a5aae34806660.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Seravek";
  src: url(f18e728cd214896544f0.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Seravek";
  src: url(10b23aa57c4cb1e40407.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Seravek";
  src: url(29d7833a8b64b180583c.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Seravek";
  src: url(9d8808bfadd1f5cdeb2d.otf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

html,
body {
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
}

html,
body,
#bl-root {
  display: flex;
  flex-flow: column nowrap;
  height: fit-content;
  flex: 1 1 0;
}

.ct-root {
  flex: 1;
}

.ct-chart {
  width: 100%;
  height: 100%;
  max-height: 200px;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-bar {
  fill: none;
  stroke: #aaa;
  stroke-width: 2%;
}

.ct-label {
  font-family: Seravek, sans-serif;
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  text-anchor: end;
}

@media (max-width: 1000px) {
  .ct-label {
    transform-origin: -1% -1%;
  }
}

@media (max-width: 800px) {
  .ct-label {
    font-size: 1.2rem;
  }
}

@media (min-width: 1400px) and (max-width: 1700px) {
  .ct-x:nth-of-type(2n + 1) {
    display: none;
  }
}