@property --fac {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

@keyframes _pulse_1a5kb_1 {
  0% {
    --fac: 0;
  }
  10% {
    --fac: 1;
  }
  100% {
    --fac: 0;
  }
}

._alert_1a5kb_19 {
  --glow-scale: 1;
  --alert-color: color-mix(in oklab, var(--mantine-color-blue-6), #000 60%);
  --alert-secondary-color: color-mix(in oklab, var(--mantine-color-blue-6), #000 60%);
  --overlay-color: color-mix(in oklab, var(--alert-color), var(--alert-secondary-color) 50%);
  background: var(--alert-color);
  /* padding: var(--mantine-spacing-md); */
  border-radius: var(--mantine-radius-xs);
  position: relative;
  line-height: 1.1;
  row-gap: var(--mantine-spacing-xs);
  align-items: center;
  place-content: center;
  text-shadow: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) #0005;
  display: grid;
  grid-template-areas: 'icon header chart' 'icon content chart';
  grid-template-columns: auto 1fr auto;
  container-type: size;
}

:has(> ._alert_1a5kb_19) {
    min-height: 4rem;
    container-type: inline-size !important;
  }

._alert_1a5kb_19._yellow_1a5kb_42 {
    --alert-color: var(--mantine-color-orange-7);
    --alert-secondary-color: var(--mantine-color-yellow-5);
  }

._alert_1a5kb_19._orange_1a5kb_46 {
    --alert-color: var(--mantine-color-orange-7);
    --alert-secondary-color: var(--mantine-color-orange-5);
  }

._alert_1a5kb_19._red_1a5kb_50 {
    --alert-color: var(--mantine-color-red-7);
    --alert-secondary-color: var(--mantine-color-red-5);
  }

._alert_1a5kb_19._blue_1a5kb_54 {
    --alert-color: var(--mantine-color-blue-9);
    --alert-secondary-color: var(--mantine-color-blue-5);
  }

._alert_1a5kb_19._green_1a5kb_58 {
    --alert-color: var(--mantine-color-green-9);
    --alert-secondary-color: var(--mantine-color-green-5);
  }

._alert_1a5kb_19._emergency_1a5kb_63 {
    --fac: 1;
    --alert-color: var(--mantine-color-red-7);
    --alert-secondary-color: var(--mantine-color-orange-5);
  }

._alert_1a5kb_19._emergency_1a5kb_63::before {
      animation: _pulse_1a5kb_1 3s ease-out infinite;
      box-shadow: 0 0 calc(.2rem * var(--fac)) calc(.1rem * var(--fac))
        color-mix(in oklab, var(--mantine-color-red-5), #f000 50%), 0 0 calc(2rem * var(--fac)) calc(1rem * var(--fac))
        color-mix(in oklab, var(--mantine-color-red-9), #f00a 80%);
    }

._alert_1a5kb_19._emergency_1a5kb_63 svg {
      position: absolute;
      top: 50%;
      translate: 0 -50%;
      left: var(--mantine-spacing-md);
      color: var(--mantine-color-red-3);
    }

._alert_1a5kb_19._corrective_1a5kb_82 {
    --alert-color: var(--mantine-color-orange-7);
    --alert-secondary-color: var(--mantine-color-yellow-5);
  }

._alert_1a5kb_19._preventive_1a5kb_87 {
    --alert-color: var(--mantine-color-blue-9);
    --alert-secondary-color: var(--mantine-color-blue-7);
  }

._alert_1a5kb_19::before {
    content: '';
    position: absolute;
    border-radius: inherit;
    inset: 0;
    background: radial-gradient(
      ellipse 100% 100% at 30% 0%,
      color-mix(in oklab, var(--overlay-color), transparent 30%),
      color-mix(in oklab, var(--overlay-color), transparent 100%)
    );

    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 10;
  }

._alert_1a5kb_19::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: calc(0.0625rem * var(--mantine-scale));
    background: linear-gradient(175deg, #fffa 0%, #0001 60%, #000a 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    mix-blend-mode: overlay;
    z-index: 11;
  }

._metric_1a5kb_123 {
  display: contents;
  --padding: 15cqmin;
}

._metric_1a5kb_123 ._label-container_1a5kb_126 {
    padding-inline: var(--padding);
    grid-area: header;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    text-align: right;
    column-gap: var(--mantine-spacing-xs);
    overflow: hidden;
    align-items: baseline;
  }

._metric_1a5kb_123 ._label_1a5kb_126 {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15cqmin;
  }

._metric_1a5kb_123 ._value-container_1a5kb_144 {
    padding-inline: var(--padding);
    grid-area: content;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    column-gap: var(--mantine-spacing-xs);
  }

._metric_1a5kb_123 ._value_1a5kb_144 {
    font-size: 40cqmin;
    font-weight: bold;
  }

._metric_1a5kb_123 ._unit_1a5kb_157 {
    opacity: 0.6;
    font-size: .7rem;
  }

._metric_1a5kb_123 ._unit_1a5kb_157::before {
      content: '(';
    }

._metric_1a5kb_123 ._unit_1a5kb_157::after {
      content: ')';
    }

header {
}

._icon_1a5kb_172 {
  grid-area: icon;
}

._icon_1a5kb_172 svg {
    display: block;
  }