/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-slate-950: #020617;
  --color-slate-200: #e2e8f0;
  --color-cyan-400: #22d3ee;
}
.relative {
  position: relative;
}
.min-h-screen {
  min-height: 100vh;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.bg-slate-950 {
  background-color: var(--color-slate-950);
}
.text-slate-200 {
  color: var(--color-slate-200);
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selection\:bg-cyan-400 {
  & *::selection {
    background-color: var(--color-cyan-400);
  }
  &::selection {
    background-color: var(--color-cyan-400);
  }
}
.selection\:text-slate-950 {
  & *::selection {
    color: var(--color-slate-950);
  }
  &::selection {
    color: var(--color-slate-950);
  }
}
.focus-visible\:outline-2 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.focus-visible\:outline-offset-2 {
  &:focus-visible {
    outline-offset: 2px;
  }
}
.focus-visible\:outline-cyan-400 {
  &:focus-visible {
    outline-color: var(--color-cyan-400);
  }
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-outline-style: solid;
    }
  }
}