/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer base {
  @view-transition {
    navigation: var(--magma-view-transition-navigation, auto);
  }
  html {
    transition-duration: 200ms;
    transition-timing-function: var(--ease-out);
  }
  body {
    min-height: auto;
    text-box: trim-both text;
    font-family: var(--font-info, Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    font-size: var(--text-size-info-detail, 1rem);
    line-height: var(--tw-leading, var(--text-size-info-detail--line-height, 1.5rem));
    font-weight: var(--tw-font-weight, var(--text-size-info-detail--font-weight, 400));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-info, Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    background-color: rgb(var(--tone-neutral));
    color: rgb(var(--tone-neutral-03));
  }
  :root.pref-contrast-high body {
    color: rgb(var(--tone-neutral-01));
  }
  @media (prefers-contrast: more) {
    :root.pref-contrast-system body {
      color: rgb(var(--tone-neutral-01));
    }
  }
  :root.pref-theme-scheme-dark {
    color-scheme: only dark;
  }
  :root.pref-theme-scheme-light {
    color-scheme: only light;
  }
  :root.pref-theme-scheme-all {
    color-scheme: light dark;
  }
  @media (prefers-color-scheme: dark) {
    :root.pref-theme-system {
      color-scheme: dark;
    }
  }
  :root.pref-theme-scheme-all.pref-theme-dark {
    color-scheme: dark;
  }
  ::-moz-selection {
    background-color: var(--magma-selection-background);
    color: var(--magma-selection-color);
  }
  ::selection {
    background-color: var(--magma-selection-background);
    color: var(--magma-selection-color);
  }
  button,
  optgroup,
  select {
    min-height: auto;
    text-box: trim-both text;
    font-family: var(--font-title, Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    font-size: var(--text-size-title-action, 0.875rem);
    line-height: var(--tw-leading, var(--text-size-title-action--line-height, 1.5rem));
    font-weight: var(--tw-font-weight, var(--text-size-title-action--font-weight, 500));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  b,
  strong {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-tight, -0.025em);
    letter-spacing: var(--tracking-tight, -0.025em);
  }
  a {
    color: rgb(var(--theme-default-02-primary-text));
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    max-width: var(--spacing-title, 30ch);
  }
  p {
    max-width: var(--spacing-title, 30ch);
  }
  .hydrated {
    border: revert-layer;
    display: revert-layer;
    margin: revert-layer;
    padding: revert-layer;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}