/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
.tutorial-page, .tutorial-page {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-950: oklch(13% 0.028 261.692);
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-4xl: 56rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
}
.tutorial-page .mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.tutorial-page .mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.tutorial-page .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.tutorial-page .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.tutorial-page .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.tutorial-page .mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.tutorial-page .mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.tutorial-page .flex {
  display: flex;
}
.tutorial-page .grid {
  display: grid;
}
.tutorial-page .h-4 {
  height: calc(var(--spacing) * 4);
}
.tutorial-page .h-5 {
  height: calc(var(--spacing) * 5);
}
.tutorial-page .w-4 {
  width: calc(var(--spacing) * 4);
}
.tutorial-page .w-5 {
  width: calc(var(--spacing) * 5);
}
.tutorial-page .max-w-4xl {
  max-width: var(--container-4xl);
}
.tutorial-page .shrink-0 {
  flex-shrink: 0;
}
.tutorial-page .scroll-mt-6 {
  scroll-margin-top: calc(var(--spacing) * 6);
}
.tutorial-page .flex-wrap {
  flex-wrap: wrap;
}
.tutorial-page .items-center {
  align-items: center;
}
.tutorial-page .items-start {
  align-items: flex-start;
}
.tutorial-page .gap-2 {
  gap: calc(var(--spacing) * 2);
}
.tutorial-page .gap-3 {
  gap: calc(var(--spacing) * 3);
}
.tutorial-page .space-y-6 {
  .tutorial-page :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.tutorial-page .rounded-2xl {
  border-radius: var(--radius-2xl);
}
.tutorial-page .rounded-lg {
  border-radius: var(--radius-lg);
}
.tutorial-page .rounded-xl {
  border-radius: var(--radius-xl);
}
.tutorial-page .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tutorial-page .border-\[\#30363d\] {
  border-color: #30363d;
}
.tutorial-page .border-amber-200 {
  border-color: var(--color-amber-200);
}
.tutorial-page .border-amber-400\/30 {
  border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
  }
}
.tutorial-page .border-emerald-200 {
  border-color: var(--color-emerald-200);
}
.tutorial-page .border-emerald-400\/30 {
  border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
  }
}
.tutorial-page .border-gray-200 {
  border-color: var(--color-gray-200);
}
.tutorial-page .bg-\[\#0d1117\] {
  background-color: #0d1117;
}
.tutorial-page .bg-\[\#161b22\] {
  background-color: #161b22;
}
.tutorial-page .bg-amber-50 {
  background-color: var(--color-amber-50);
}
.tutorial-page .bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.tutorial-page .bg-emerald-50 {
  background-color: var(--color-emerald-50);
}
.tutorial-page .bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.tutorial-page .bg-gray-50 {
  background-color: var(--color-gray-50);
}
.tutorial-page .bg-white {
  background-color: var(--color-white);
}
.tutorial-page .p-4 {
  padding: calc(var(--spacing) * 4);
}
.tutorial-page .p-5 {
  padding: calc(var(--spacing) * 5);
}
.tutorial-page .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.tutorial-page .py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.tutorial-page .font-sans {
  font-family: var(--font-sans);
}
.tutorial-page .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.tutorial-page .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.tutorial-page .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.tutorial-page .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.tutorial-page .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.tutorial-page .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.tutorial-page .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.tutorial-page .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.tutorial-page .font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.tutorial-page .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.tutorial-page .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tutorial-page .tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.tutorial-page .text-\[\#8b949e\] {
  color: #8b949e;
}
.tutorial-page .text-\[\#58a6ff\] {
  color: #58a6ff;
}
.tutorial-page .text-\[\#c9d1d9\] {
  color: #c9d1d9;
}
.tutorial-page .text-\[\#f0f6fc\] {
  color: #f0f6fc;
}
.tutorial-page .text-amber-500 {
  color: var(--color-amber-500);
}
.tutorial-page .text-emerald-500 {
  color: var(--color-emerald-500);
}
.tutorial-page .text-gray-600 {
  color: var(--color-gray-600);
}
.tutorial-page .text-gray-700 {
  color: var(--color-gray-700);
}
.tutorial-page .text-gray-950 {
  color: var(--color-gray-950);
}
.tutorial-page .uppercase {
  text-transform: uppercase;
}
.tutorial-page .hover\:underline {
  .tutorial-page &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.tutorial-page .sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.tutorial-page .sm\:p-8 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.tutorial-page .sm\:text-5xl {
  @media (width >= 40rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.tutorial-page .md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tutorial-page .lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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)))) {
    .tutorial-page *, .tutorial-page ::before, .tutorial-page ::after, .tutorial-page ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}