._components_be7hr_1 {
  display: contents;
}

._component-grid_be7hr_5 {
  display: grid;
  grid-gap: var(--grid-gap, var(--mantine-spacing-md));
  grid-auto-rows: var(--grid-row-default, auto);
  grid-auto-columns: var(--grid-column-default, auto);
  grid-template-rows: var(--grid-rows);
  grid-template-columns: var(--grid-columns);
}

:not(._component_be7hr_1) > ._component-grid_be7hr_5 {
    grid-row: content / -1;
    grid-column: content / -1;
  }
@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0turn;
}

@property --pos {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 0%;
}

@property --color-1 {
  syntax: '<color>';
  inherits: true;
  initial-value: transparent;
}

@property --color-2 {
  syntax: '<color>';
  inherits: true;
  initial-value: transparent;
}

._components_1shnz_25 {
  display: contents;
}

._component-grid_1shnz_29 {
  display: grid;
  grid-gap: var(--grid-gap, var(--mantine-spacing-md));
  grid-auto-rows: var(--grid-row-default, auto);
  grid-auto-columns: var(--grid-column-default, auto);
  grid-template-rows: var(--grid-rows);
  grid-template-columns: var(--grid-columns);
}

:not(._component_1shnz_25) > ._component-grid_1shnz_29 {
    grid-row: content / -1;
    grid-column: content / -1;
  }

._component-grid_1shnz_29:fullscreen {
    background: var(--mantine-color-dark-9);
    padding: var(--mantine-spacing-lg);
  }

._grid-element_1shnz_46 {
  counter-increment: chart;
  grid-area: var(--grid-area);
  position: relative;
  display: flex;
  justify-content: center;
}

._grid-element_1shnz_46:has(> ._component_1shnz_25 > ._component-grid_1shnz_29) {
    container-type: inline-size;
  }

._grid-element_1shnz_46::after {
    --color-1: color-mix(in oklab, transparent, #679cd7ff calc(var(--color-progress, 0.5) * 100%));
    --angle: calc(var(--turn-progress) * 1turn);
    --pos: calc(var(--pos-progress) * 100%);
    isolation: isolate;
    content: '';
    position: absolute;
    inset: calc(-0.125rem * var(--mantine-scale));
    border-radius: inherit;
    padding: calc(0.0625rem * var(--mantine-scale));
    background: linear-gradient(var(--angle), var(--color-1) 0%, var(--color-1) var(--pos), var(--color-2) var(--pos));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }

._grid-element_1shnz_46._container_1shnz_70 {
    container-type: size;
  }

._grid-element_1shnz_46._layer_1shnz_73 {
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--mantine-color-dark-5), transparent 97.5%),
      color-mix(in srgb, var(--mantine-color-dark-5), transparent 94.5%)
    );
  }

[data-mantine-color-scheme='dark'] ._grid-element_1shnz_46._layer_1shnz_73 {
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--mantine-color-dark-5), transparent 70%),
      color-mix(in srgb, var(--mantine-color-dark-5), transparent 90%)
    );
}

._grid-element_1shnz_46._layer_1shnz_73 {
    backdrop-filter: blur(calc(var(--backdrop-blur-radius) * 0.3rem));
    border-radius: var(--mantine-radius-sm);
}

._caption_1shnz_84 {
  --color-1: color-mix(in srgb, var(--mantine-color-dark-3), transparent 80%);
  --color-2: color-mix(in oklab, transparent, #679cd733 calc(var(--color-progress, 0.5) * 100%));
  --angle: calc(var(--turn-progress) * 1turn);
  --pos: calc(var(--pos-progress) * 100%);
  padding: calc(var(--mantine-spacing-xs) * 0.8);
  text-align: center;
  font-weight: bold;
  font-size: 0.7rem;
  border-start-start-radius: var(--mantine-radius-sm);
  border-start-end-radius: var(--mantine-radius-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--mantine-color-dark-3), transparent 80%),
    color-mix(in srgb, var(--mantine-color-dark-3), transparent 90%)
  );
}

._caption_1shnz_84._left_1shnz_102 {
    flex: 0 1 auto;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 100cqh;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
    border-block-end: 1px solid color-mix(in srgb, var(--mantine-color-dark-3), transparent 50%);
  }

._caption_1shnz_84._top_1shnz_112 {
    flex: 0 0 auto;
    font-size: 0.8rem;
  }

._grid-element_1shnz_46:has(> ._caption_1shnz_84._top_1shnz_112) {
      flex-flow: column nowrap;
    }

._component_1shnz_25 {
  flex: 1 1 auto;
  display: grid;
  position: relative;
  border-radius: inherit;
}

._component_1shnz_25:fullscreen {
    background: var(--mantine-color-body);
    padding: var(--mantine-spacing-lg);
  }

._error_1shnz_132 {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  opacity: 0.7;
  font-size: 0.8rem;
  font-style: italic;
}

.fullscreen-toggle {
  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2);
  display: grid;
  place-content: end;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.1s ease-out;
  inset: 0;
}

._component_1shnz_25:hover > .fullscreen-toggle {
    border-radius: var(--mantine-radius-sm);
    opacity: 1;
  }

._component_1shnz_25:hover > .fullscreen-toggle > * {
      pointer-events: all;
    }

._component_1shnz_25:hover > .fullscreen-toggle::after {
      --color-1: transparent;
      --color-2: var(--mantine-color-dark-4);
      --angle: 135deg;
      --pos: 50%;
      isolation: isolate;
      content: '';
      position: absolute;
      inset: calc(-1 * var(--mantine-spacing-xs) / 2);
      border-radius: inherit;
      padding: calc(0.0625rem * var(--mantine-scale));
      background: linear-gradient(var(--angle), var(--color-1) 0%, var(--color-1) var(--pos), var(--color-2));
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: exclude;
      pointer-events: none;
    }