@import "https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* src/styles.scss */
:root {
  --indigo: #6366f1;
  --indigo-deep: #4338ca;
  --indigo-soft: #c7d2fe;
  --pink: #ec4899;
  --pink-soft: #fbcfe8;
  --mint: #10b981;
  --mint-soft: #a7f3d0;
  --paper: #fefcf8;
  --paper-warm: #fdf9f3;
  --cream: #faf6ef;
  --cream-2: #f5efe5;
  --surface: #ffffff;
  --ink: #1a1a2e;
  --ink-soft: #3d3d5c;
  --muted: #6b6b8a;
  --muted-soft: #a8a8c0;
  --line: rgba(26, 26, 46, 0.08);
  --line-strong: rgba(26, 26, 46, 0.16);
  --drawer-width: min(720px, 100vw);
  --sev-critical: #dc2626;
  --sev-high: #ea580c;
  --sev-normal: #16a34a;
  --sev-low: #0891b2;
  --sev-noise: #71717a;
  --sev-spam: #a8a8a8;
  color-scheme: light;
}
:root[data-theme=dark] {
  --indigo: #818cf8;
  --indigo-deep: #c7d2fe;
  --indigo-soft: rgba(129, 140, 248, 0.2);
  --pink-soft: rgba(236, 72, 153, 0.2);
  --mint-soft: rgba(16, 185, 129, 0.2);
  --paper: #0c0c16;
  --paper-warm: #11111d;
  --surface: #181824;
  --cream: #23232f;
  --cream-2: #2c2c3a;
  --ink: #f0f0f6;
  --ink-soft: #c2c2d2;
  --muted: #8e8ea7;
  --muted-soft: #62627a;
  --line: rgba(255, 255, 255, 0.07);
  --line-strong: rgba(255, 255, 255, 0.14);
  color-scheme: dark;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  font-family: "Exo 2", sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.55;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow-x: hidden;
}
select {
  color-scheme: light;
}
option {
  background-color: white;
  color: var(--ink);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(
      ellipse 60% 50% at 12% 8%,
      rgba(199, 210, 254, 0.5) 0%,
      transparent 60%),
    radial-gradient(
      ellipse 50% 60% at 88% 90%,
      rgba(251, 207, 232, 0.45) 0%,
      transparent 65%),
    radial-gradient(
      ellipse 40% 40% at 50% 50%,
      rgba(167, 243, 208, 0.25) 0%,
      transparent 70%);
  z-index: -2;
  pointer-events: none;
  animation: meshDrift 40s ease-in-out infinite;
}
:root[data-theme=dark] body::before {
  background:
    radial-gradient(
      ellipse 80% 60% at 50% -10%,
      rgba(99, 102, 241, 0.05) 0%,
      transparent 60%),
    radial-gradient(
      ellipse 60% 80% at 100% 50%,
      rgba(236, 72, 153, 0.03) 0%,
      transparent 70%);
  animation: none;
}
:root[data-theme=dark] body::after {
  opacity: 0.025;
  mix-blend-mode: screen;
}
:root[data-theme=dark] select {
  color-scheme: dark;
}
:root[data-theme=dark] option {
  background-color: var(--surface);
  color: var(--ink);
}
:root[data-theme=dark] {
  --sev-spam-bg: #2a2a35;
  --sev-noise-bg: #2a2a35;
}
@keyframes meshDrift {
  0%, 100% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.05) translate(2%, -1%);
  }
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  opacity: 0.035;
  mix-blend-mode: multiply;
  z-index: -1;
  pointer-events: none;
}
button {
  font: inherit;
  cursor: pointer;
}
input,
textarea,
select {
  font: inherit;
  color: inherit;
}
a {
  color: inherit;
}
.serif {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.serif-italic {
  font-family: "Exo 2", sans-serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.eyebrow {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 600;
  color: var(--muted);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */