/*
 * Styles for the Star Field code component.
 *
 * Hand-written rather than compiled from Tailwind, matching the Floating Icons
 * component: a handful of layout rules shipped directly, with no build step
 * that can silently drop a class from the bundle.
 *
 * Everything is scoped under .wf-starfield so nothing leaks onto the page.
 */

.wf-starfield {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  /* Purely decorative: never intercept clicks meant for content above it. The
     cursor parallax reads pointer events from the window, so switching them off
     here costs nothing. */
  pointer-events: none;
}

.wf-starfield *,
.wf-starfield *::before,
.wf-starfield *::after {
  box-sizing: border-box;
}

/* Fills the viewport where it is dropped. svh so mobile browser chrome
   appearing or hiding does not resize the section mid-scroll. */
.wf-starfield--fullscreen {
  min-height: 100svh;
}

/* Sits in normal flow and fills whatever height its container gives it. */
.wf-starfield--flow {
  height: 100%;
}

/* Fills the nearest positioned ancestor, behind that ancestor's content. */
.wf-starfield--layer {
  position: absolute;
  inset: 0;
  height: auto;
}

.wf-starfield-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}