@import url("/assets/billboard-ddcda26d.css");

.bb-color-pattern {
  background-image: url("#bf5257;#90b4de;#b5d294;#e4b871;#c89ac8");
}

.bb {
  --bb-tooltip-light-bg: rgb(from var(--bulma-background) calc(r + 0%) g calc(b + 0%) / 0.9);
  --bb-tooltip-dark-bg: rgb(from var(--bulma-background-active) calc(r + 0%) g calc(b + 0%) / 0.9);
  --bb-tooltip-bg: var(--bb-tooltip-light-bg);
  --bb-text: var(--bulma-text);
}

@media (prefers-color-scheme: dark) {
  .bb {
    --bb-tooltip-bg: var(--bb-tooltip-dark-bg);
    --bb-text: #8d9cab;
  }
}

[data-theme=dark] {
  .bb {
    --bb-tooltip-bg: var(--bb-tooltip-dark-bg);
    --bb-text: #8d9cab;
  }
}

.bb-axis-y text,
.bb-axis-y2 text,
.bb text,
.bb .bb-button,
.bb-chart-arcs .bb-needle,
.bb-text.bb-empty
.bb-circle._expanded_ {
  fill: var(--bb-text);
}

.bb-tooltip {
  background-color: var(--bb-tooltip-bg);
  border-color: var(--bulma-border);
  opacity: unset;
  color: var(--bulma-text);
  box-shadow: var(--bulma-shadow);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.bb-tooltip tr,
.bb-tooltip td {
  border-color: var(--bulma-border);
}
.bb-tooltip th,
.bb-tooltip td {
  background-color: unset;
}
.bb-tooltip th {
  color: var(--bulma-text);
}

[data-theme=dark] {
  .bb path, .bb line {
    fill: none;
  }

  /*-- Funnel --*/
  .bb-chart-funnels path {
    stroke-width: 0;
  }
  .bb-chart-funnels + .bb-chart-texts text {
    fill: #fff;
  }

  /*-- Axis --*/
  .bb-axis .bb-axis-x-tooltip, .bb-axis .bb-axis-y-tooltip, .bb-axis .bb-axis-y2-tooltip {
    fill: #ccc;
  }

  .bb-event-rects {
    fill-opacity: 1 !important;
  }
  .bb-event-rects .bb-event-rect {
    fill: transparent;
  }
  .bb-event-rects .bb-event-rect._active_ {
    fill: rgba(39, 201, 3, 0.05);
  }

  .tick._active_ text {
    fill: #00c83c !important;
  }

  /*-- Grid --*/
  .bb-grid line {
    stroke: #5c666e;
  }

  .bb-xgrid-focus line, .bb-ygrid-focus line {
    stroke: #ccd9e6;
  }

  /*-- Line --*/
  .bb-line {
    stroke-width: 1px;
  }

  /*-- Point --*/
  .bb-circle._expanded_ {
    stroke-width: 2px;
  }

  rect.bb-circle._expanded_, use.bb-circle._expanded_ {
    stroke-width: 1px;
  }

  /*-- Subchart --*/
  .selection {
    stroke: none;
    fill: #ccd9e6;
  }

  .bb-selected-circle {
    fill: #ccd9e6;
    stroke-width: 2px;
  }

  /*-- Bar --*/
  .bb-bar._expanded_ {
    fill-opacity: 0.75;
  }

  /*-- Candlestick --*/
  .bb-candlestick {
    stroke-width: 1px;
  }
  .bb-candlestick._expanded_ {
    fill-opacity: 0.75;
  }

  /*-- Focus --*/
  .bb-target.bb-focused, .bb-circles.bb-focused {
    opacity: 1;
  }
  .bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
    stroke-width: 2px;
  }
  .bb-target.bb-defocused, .bb-circles.bb-defocused {
    opacity: 0.5 !important;
  }
  .bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
    opacity: 0.05 !important;
  }

  /*-- Region --*/
  .bb-region {
    fill: steelblue;
  }
  .bb-region rect {
    fill-opacity: 0.5;
  }
  .bb-region.selected rect {
    fill: rgb(39, 201, 3);
  }

  /*-- Zoom region --*/
  .bb-zoom-brush {
    fill-opacity: 0.25;
    fill: #ccd9e6;
  }

  /*-- Brush --*/
  .bb-brush .extent {
    fill-opacity: 0.5;
  }

  /*-- Legend --*/
  .bb-legend-item {
    user-select: none;
  }
  .bb-legend-item line {
    stroke-width: 10px;
    stroke-dasharray: 3px;
  }
  .bb-legend-item-hidden {
    opacity: 0.5;
  }

  .bb-legend-background {
    opacity: 0.75;
    stroke: lightgray;
    stroke-width: 1;
  }

  /*-- Tooltip --*/
  .bb-tooltip .bb-tooltip-title {
    color: #aaa;
  }
  .bb-tooltip .bb-tooltip-detail .bb-tooltip-name, .bb-tooltip .bb-tooltip-detail .bb-tooltip-value {
    color: #444;
  }

  /*-- Area --*/
  .bb-area {
    stroke-width: 0;
    opacity: 0.5;
  }

  /*-- Button --*/
  .bb-button .bb-zoom-reset {
    border: solid 1px #ccc;
    background-color: #000;
    color: #fff;
  }
}