/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer utilities {
  .focus-zoom {
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    outline: var(--magma-outline-blur);
    outline-offset: var(--magma-outline-blur-offset);
    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;
  }
  .focus-zoom--focused,
  .focus-zoom:focus-visible {
    --magma-outline-blur-offset: var(--magma-outline-focus-offset);
    --magma-outline-blur: var(--magma-outline-focus);
  }
  .focus-zoom--light.focus-zoom--focused,
  .focus-zoom--light:focus-visible {
    --magma-outline-blur: 2px solid rgb(var(--tone-neutral));
  }
}
.typography-title-h1 {
  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-h1, 3rem);
  line-height: var(--tw-leading, var(--text-size-title-h1--line-height, 3rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h1--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h1--font-weight, 900));
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-h2 {
  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-h2, 2.25rem);
  line-height: var(--tw-leading, var(--text-size-title-h2--line-height, 2.5rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h2--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h2--font-weight, 900));
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-h3 {
  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-h3, 1.875rem);
  line-height: var(--tw-leading, var(--text-size-title-h3--line-height, 2.25rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h3--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h3--font-weight, 900));
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-h4 {
  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-h4, 1.5rem);
  line-height: var(--tw-leading, var(--text-size-title-h4--line-height, 2rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h4--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h4--font-weight, 900));
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-h5 {
  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-h5, 1.25rem);
  line-height: var(--tw-leading, var(--text-size-title-h5--line-height, 1.75rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h5--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h5--font-weight, 900));
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-h6 {
  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-h6, 1rem);
  line-height: var(--tw-leading, var(--text-size-title-h6--line-height, 1.5rem));
  letter-spacing: var(--tw-tracking, var(--text-size-title-h6--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-title-h6--font-weight, 700));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-title-action {
  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;
}
.typography-info-paragraph {
  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-paragraph, 1.25rem);
  line-height: var(--tw-leading, var(--text-size-info-paragraph--line-height, 2rem));
  font-weight: var(--tw-font-weight, var(--text-size-info-paragraph--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-info-detail {
  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;
}
.typography-info-caption {
  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-caption, 0.875rem);
  line-height: var(--tw-leading, var(--text-size-info-caption--line-height, 1.25rem));
  font-weight: var(--tw-font-weight, var(--text-size-info-caption--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-info-label {
  min-height: auto;
  text-box: trim-both cap alphabetic;
  font-family: var(--font-info, Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: var(--text-size-info-label, 0.75rem);
  line-height: var(--tw-leading, var(--text-size-info-label--line-height, 1rem));
  font-weight: var(--tw-font-weight, var(--text-size-info-label--font-weight, 700));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-info-option {
  min-height: auto;
  text-box: trim-both cap alphabetic;
  font-family: var(--font-info, Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: var(--text-size-info-option, 0.625rem);
  line-height: var(--tw-leading, var(--text-size-info-option--line-height, 0.625rem));
  letter-spacing: var(--tw-tracking, var(--text-size-info-option--letter-spacing, -0.025em));
  font-weight: var(--tw-font-weight, var(--text-size-info-option--font-weight, 700));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-info-tip {
  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-tip, 0.75rem);
  line-height: var(--tw-leading, var(--text-size-info-tip--line-height, 1rem));
  font-weight: var(--tw-font-weight, var(--text-size-info-tip--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-read-paragraph {
  min-height: auto;
  text-box: trim-both text;
  font-family: var(--font-read, 'Merriweather', Times, 'Times New Roman', serif);
  font-size: var(--text-size-read-paragraph, 1.25rem);
  line-height: var(--tw-leading, var(--text-size-read-paragraph--line-height, 2rem));
  font-weight: var(--tw-font-weight, var(--text-size-read-paragraph--font-weight, 300));
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-read-detail {
  min-height: auto;
  text-box: trim-both text;
  font-family: var(--font-read, 'Merriweather', Times, 'Times New Roman', serif);
  font-size: var(--text-size-read-detail, 1rem);
  line-height: var(--tw-leading, var(--text-size-read-detail--line-height, 1.5rem));
  font-weight: var(--tw-font-weight, var(--text-size-read-detail--font-weight, 300));
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-read-caption {
  min-height: auto;
  text-box: trim-both text;
  font-family: var(--font-read, 'Merriweather', Times, 'Times New Roman', serif);
  font-size: var(--text-size-read-caption, 0.875rem);
  line-height: var(--tw-leading, var(--text-size-read-caption--line-height, 1.25rem));
  font-weight: var(--tw-font-weight, var(--text-size-read-caption--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-code-snippet {
  min-height: auto;
  text-box: trim-both text;
  font-family: var(--font-code, 'Roboto Mono', 'Courier New', monospace);
  font-size: var(--text-size-code-snippet, 1rem);
  line-height: var(--tw-leading, var(--text-size-code-snippet--line-height, 1.5rem));
  font-weight: var(--tw-font-weight, var(--text-size-code-snippet--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typography-code-hack {
  min-height: auto;
  text-box: trim-both text;
  font-family: var(--font-code, 'Roboto Mono', 'Courier New', monospace);
  font-size: var(--text-size-code-hack, 0.875rem);
  line-height: var(--tw-leading, var(--text-size-code-hack--line-height, 1.25rem));
  font-weight: var(--tw-font-weight, var(--text-size-code-hack--font-weight, 400));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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-duration: initial;
      --tw-ease: initial;
      --tw-font-weight: initial;
    }
  }
}