:root {
  --background: #fafaf9;
  --foreground: #1a1a18;
  --muted-foreground: #888882;
  --border: rgb(0 0 0 / 10%);
  --neutral-200: #e5e5e5;
}

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background-color: var(--background);
  color: var(--foreground);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: inherit;
}

h1,
h2,
p {
  margin: 0;
}

h1,
h2 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
  -webkit-tap-highlight-color: transparent;
}

button {
  -webkit-appearance: button;
  appearance: button;
  -webkit-tap-highlight-color: transparent;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

img,
svg {
  display: block;
}

::selection {
  background-color: var(--foreground);
  color: var(--background);
}

.mx-auto { margin-inline: auto; }
.my-10 { margin-block: 2.5rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-10 { margin-top: 2.5rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-none { flex: none; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.gap-x-4 { column-gap: 1rem; }
.gap-x-5 { column-gap: 1.25rem; }
.gap-y-1 { row-gap: 0.25rem; }
.gap-y-2 { row-gap: 0.5rem; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }

.h-3\.5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.min-h-screen { min-height: 100vh; }
.w-3\.5 { width: 0.875rem; }
.w-4 { width: 1rem; }
.w-8 { width: 2rem; }
.max-w-2xl { max-width: 42rem; }

.rounded-sm { border-radius: 0.125rem; }
.border-t { border-top: 1px solid; }
.border-border { border-color: var(--border); }
.bg-background { background-color: var(--background); }
.object-contain { object-fit: contain; }

.px-6 { padding-inline: 1.5rem; }
.py-20 { padding-block: 5rem; }

.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-\[11px\] { font-size: 11px; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.leading-relaxed { line-height: 1.625; }
.tracking-tight { letter-spacing: 0; }
.whitespace-nowrap { white-space: nowrap; }
.text-foreground { color: var(--foreground); }
.text-muted-foreground { color: var(--muted-foreground); }
.text-foreground\/40 { color: rgb(26 26 24 / 40%); }
.text-foreground\/50 { color: rgb(26 26 24 / 50%); }
.text-foreground\/80 { color: rgb(26 26 24 / 80%); }

.underline { text-decoration-line: underline; }
.underline-offset-4 { text-underline-offset: 4px; }
.decoration-neutral-200 { text-decoration-color: var(--neutral-200); }

.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }

.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.duration-150 { transition-duration: 150ms; }

.hover\:text-foreground:hover { color: var(--foreground); }
.hover\:decoration-current:hover { text-decoration-color: currentColor; }