/* src/todo/app.generated.css */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-serif: "Fraunces Variable", Georgia, "Times New Roman", serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-stone-50: oklch(98.5% .001 106.423);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-300: oklch(86.9% .005 56.366);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-800: oklch(26.8% .007 34.298);
    --color-stone-900: oklch(21.6% .006 56.043);
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-snug: 1.375;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
}

.visible {
  visibility: visible;
}

.mx-auto {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}

.h-4 {
  height: calc(var(--spacing) * 4);
}

.h-6 {
  height: calc(var(--spacing) * 6);
}

.h-9 {
  height: calc(var(--spacing) * 9);
}

.h-\[18px\] {
  height: 18px;
}

.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}

.w-4 {
  width: calc(var(--spacing) * 4);
}

.w-6 {
  width: calc(var(--spacing) * 6);
}

.w-9 {
  width: calc(var(--spacing) * 9);
}

.w-\[18px\] {
  width: 18px;
}

.max-w-2xl {
  max-width: var(--container-2xl);
}

.max-w-md {
  max-width: var(--container-md);
}

.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}

.flex-1 {
  flex: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-col {
  flex-direction: column;
}

.place-items-center {
  place-items:  center;
}

.items-center {
  align-items:  center;
}

.items-end {
  align-items:  flex-end;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: calc(var(--spacing) * .5);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.gap-3 {
  gap: calc(var(--spacing) * 3);
}

.gap-5 {
  gap: calc(var(--spacing) * 5);
}

.gap-6 {
  gap: calc(var(--spacing) * 6);
}

:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}

:where(.divide-stone-100 > :not(:last-child)) {
  border-color: var(--color-stone-100);
}

.rounded {
  border-radius: .25rem;
}

.rounded-full {
  border-radius: 3.40282e+38px;
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.rounded-md {
  border-radius: var(--radius-md);
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-stone-100 {
  border-color: var(--color-stone-100);
}

.border-stone-200 {
  border-color: var(--color-stone-200);
}

.border-stone-300 {
  border-color: var(--color-stone-300);
}

.border-stone-900 {
  border-color: var(--color-stone-900);
}

.border-transparent {
  border-color: #0000;
}

.bg-stone-100 {
  background-color: var(--color-stone-100);
}

.bg-stone-900 {
  background-color: var(--color-stone-900);
}

.bg-white {
  background-color: var(--color-white);
}

.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}

.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

.py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}

.py-2 {
  padding-block: calc(var(--spacing) * 2);
}

.py-12 {
  padding-block: calc(var(--spacing) * 12);
}

.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * .5);
}

.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}

.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}

.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}

.text-center {
  text-align: center;
}

.font-mono {
  font-family: var(--font-mono);
}

.font-serif {
  font-family: var(--font-serif);
}

.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.text-\[0\.7rem\] {
  font-size: .7rem;
}

.text-\[0\.95rem\] {
  font-size: .95rem;
}

.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.break-words {
  overflow-wrap: break-word;
}

.text-stone-300 {
  color: var(--color-stone-300);
}

.text-stone-400 {
  color: var(--color-stone-400);
}

.text-stone-500 {
  color: var(--color-stone-500);
}

.text-stone-600 {
  color: var(--color-stone-600);
}

.text-stone-800 {
  color: var(--color-stone-800);
}

.text-stone-900 {
  color: var(--color-stone-900);
}

.text-transparent {
  color: #0000;
}

.text-white {
  color: var(--color-white);
}

.uppercase {
  text-transform: uppercase;
}

.line-through {
  text-decoration-line: line-through;
}

.decoration-stone-300 {
  -webkit-text-decoration-color: var(--color-stone-300);
  -webkit-text-decoration-color: var(--color-stone-300);
  text-decoration-color: var(--color-stone-300);
}

.opacity-0 {
  opacity: 0;
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.filter {
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
    opacity: 1;
  }
}

.placeholder\:text-stone-400::placeholder {
  color: var(--color-stone-400);
}

.focus-within\:border-stone-900:focus-within {
  border-color: var(--color-stone-900);
}

@media (hover: hover) {
  .hover\:bg-stone-50:hover {
    background-color: var(--color-stone-50);
  }

  .hover\:bg-stone-700:hover {
    background-color: var(--color-stone-700);
  }

  .hover\:text-stone-700:hover {
    color: var(--color-stone-700);
  }

  .hover\:text-stone-900:hover {
    color: var(--color-stone-900);
  }
}

.disabled\:bg-stone-200:disabled {
  background-color: var(--color-stone-200);
}

.disabled\:text-stone-400:disabled {
  color: var(--color-stone-400);
}

@media (min-width: 40rem) {
  .sm\:max-w-lg {
    max-width: var(--container-lg);
  }

  .sm\:px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .sm\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .sm\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .sm\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}

@media (min-width: 48rem) {
  .md\:max-w-xl {
    max-width: var(--container-xl);
  }
}

@media (hover: none) {
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}

@property --tw-divide-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
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}