@layer reset;@layer base{:root{--made-with-panda:"🐼"}}@layer tokens{:where(:root,:host){--panda-colors-white:oklch(100% 0 0);--panda-colors-black:oklch(0% 0 0);--panda-colors-neutral-50:oklch(98.5% 0 0);--panda-colors-neutral-100:oklch(97% 0 0);--panda-colors-neutral-200:oklch(92.2% 0 0);--panda-colors-neutral-300:oklch(87% 0 0);--panda-colors-neutral-400:oklch(70.8% 0 0);--panda-colors-neutral-500:oklch(55.6% 0 0);--panda-colors-neutral-600:oklch(43.9% 0 0);--panda-colors-neutral-700:oklch(37.1% 0 0);--panda-colors-neutral-800:oklch(26.9% 0 0);--panda-colors-neutral-900:oklch(20.5% 0 0);--panda-colors-neutral-950:oklch(14.5% 0 0);--panda-colors-red-400:oklch(70.4% .191 22.216);--panda-colors-red-600:oklch(57.7% .245 27.325);--panda-fonts-body:"Geist Variable", sans-serif;--panda-font-sizes-xs:.75rem;--panda-font-sizes-sm:.875rem;--panda-font-weights-medium:500;--panda-line-heights-4:1rem;--panda-line-heights-5:1.25rem;--panda-sizes-6:1.5rem;--panda-sizes-8:2rem;--panda-sizes-9:2.25rem;--panda-sizes-10:2.5rem;--panda-shadows-xs:0 1px 2px 0 color-mix(in oklab, var(--panda-colors-black) 5%, transparent);--panda-spacing-1:.25rem;--panda-spacing-2:.5rem;--panda-spacing-1\.5:.375rem;--panda-spacing-2\.5:.625rem;--panda-radii-md:.5rem;--panda-radii-lg:.625rem;--panda-durations-fast:.15s;--panda-easings-standard:cubic-bezier(.4, 0, .2, 1);--panda-colors-surface:var(--panda-colors-white);--panda-colors-surface-muted:var(--panda-colors-neutral-100);--panda-colors-text:var(--panda-colors-neutral-950);--panda-colors-text-muted:var(--panda-colors-neutral-500);--panda-colors-accent:var(--panda-colors-neutral-900);--panda-colors-accent-foreground:var(--panda-colors-neutral-50);--panda-colors-secondary:var(--panda-colors-neutral-100);--panda-colors-secondary-foreground:var(--panda-colors-neutral-900);--panda-colors-field-border:var(--panda-colors-neutral-200);--panda-colors-field-surface:var(--panda-colors-white);--panda-colors-field-hover:var(--panda-colors-surface-muted);--panda-colors-ghost-hover:var(--panda-colors-surface-muted);--panda-colors-focus-ring:var(--panda-colors-neutral-400);--panda-colors-danger:var(--panda-colors-red-600);--panda-colors-danger-subtle:color-mix(in oklab, var(--panda-colors-danger) 10%, transparent);--panda-colors-danger-hover:color-mix(in oklab, var(--panda-colors-danger) 20%, transparent);--panda-colors-danger-focus-ring:color-mix(in oklab, var(--panda-colors-danger) 20%, transparent);--panda-radii-control:var(--panda-radii-md)}.dark{--panda-colors-surface:var(--panda-colors-neutral-950);--panda-colors-surface-muted:var(--panda-colors-neutral-800);--panda-colors-text:var(--panda-colors-neutral-50);--panda-colors-text-muted:var(--panda-colors-neutral-400);--panda-colors-accent:var(--panda-colors-neutral-200);--panda-colors-accent-foreground:var(--panda-colors-neutral-900);--panda-colors-secondary:var(--panda-colors-neutral-800);--panda-colors-secondary-foreground:var(--panda-colors-neutral-50);--panda-colors-field-border:color-mix(in oklab, var(--panda-colors-white) 15%, transparent);--panda-colors-field-surface:color-mix(in oklab, var(--panda-colors-field-border) 30%, transparent);--panda-colors-field-hover:color-mix(in oklab, var(--panda-colors-field-border) 50%, transparent);--panda-colors-ghost-hover:color-mix(in oklab, var(--panda-colors-surface-muted) 50%, transparent);--panda-colors-focus-ring:var(--panda-colors-neutral-500);--panda-colors-danger:var(--panda-colors-red-400);--panda-colors-danger-subtle:color-mix(in oklab, var(--panda-colors-danger) 20%, transparent);--panda-colors-danger-hover:color-mix(in oklab, var(--panda-colors-danger) 30%, transparent);--panda-colors-danger-focus-ring:color-mix(in oklab, var(--panda-colors-danger) 40%, transparent)}}@layer recipes{@layer base{.panda-button{border-radius:var(--panda-radii-control);transition:all var(--panda-durations-fast) var(--panda-easings-standard);appearance:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:var(--panda-colors-text);cursor:pointer;font-family:var(--panda-fonts-body);font-size:var(--panda-font-sizes-sm);font-weight:var(--panda-font-weights-medium);line-height:var(--panda-line-heights-5);outline-offset:2px;white-space:nowrap;background-color:#0000;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #0000;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.panda-button[aria-disabled=true]{cursor:default;opacity:.5}.panda-button:is(:focus-visible,[data-focus-visible]){border-color:var(--panda-colors-focus-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--panda-colors-focus-ring) 50%, transparent)}.panda-button:active:not([aria-haspopup]){translate:0 1px}}@layer slots;@layer variants{.panda-button--size_default{padding-inline:var(--panda-spacing-2\.5);gap:var(--panda-spacing-1\.5);height:var(--panda-sizes-9)}.panda-button--variant_default{background-color:var(--panda-colors-accent);color:var(--panda-colors-accent-foreground)}.panda-button--size_lg{padding-inline:var(--panda-spacing-2\.5);gap:var(--panda-spacing-1\.5);height:var(--panda-sizes-10)}.panda-button--size_sm{padding-inline:var(--panda-spacing-2\.5);border-radius:min(var(--panda-radii-control), var(--panda-radii-lg));gap:var(--panda-spacing-1);height:var(--panda-sizes-8)}.panda-button--size_xs{padding-inline:var(--panda-spacing-2);border-radius:min(var(--panda-radii-control), var(--panda-radii-md));gap:var(--panda-spacing-1);font-size:var(--panda-font-sizes-xs);line-height:var(--panda-line-heights-4);height:var(--panda-sizes-6)}.panda-button--variant_destructive{background-color:var(--panda-colors-danger-subtle);color:var(--panda-colors-danger)}.panda-button--variant_destructive:is(:focus-visible,[data-focus-visible]){border-color:color-mix(in oklab, var(--panda-colors-danger) 40%, transparent);box-shadow:0 0 0 3px var(--panda-colors-danger-focus-ring)}.panda-button--variant_link{color:var(--panda-colors-accent);text-underline-offset:4px}.panda-button--variant_outline{border-color:var(--panda-colors-field-border);background-color:var(--panda-colors-field-surface);box-shadow:var(--panda-shadows-xs)}.panda-button--variant_outline:is(:focus-visible,[data-focus-visible]){border-color:var(--panda-colors-focus-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--panda-colors-focus-ring) 50%, transparent), var(--panda-shadows-xs)}.panda-button--variant_secondary{background-color:var(--panda-colors-secondary);color:var(--panda-colors-secondary-foreground)}@media (hover:hover){.panda-button--variant_default:hover{background-color:color-mix(in oklab, var(--panda-colors-accent) 80%, transparent)}.panda-button--variant_destructive:hover{background-color:var(--panda-colors-danger-hover)}.panda-button--variant_ghost:hover{background-color:var(--panda-colors-ghost-hover);color:var(--panda-colors-text)}.panda-button--variant_link:hover{text-decoration:underline}.panda-button--variant_outline:hover{background-color:var(--panda-colors-field-hover);color:var(--panda-colors-text)}.panda-button--variant_secondary:hover{background-color:color-mix(in oklab, var(--panda-colors-secondary) 80%, transparent)}}}@layer compound_variants;}@layer utilities{.panda-p_24px{padding:24px}.panda-mx_auto{margin-inline:auto}.panda-my_16px{margin-block:16px}.panda-bdr_lg{border-radius:var(--panda-radii-lg)}.panda-gap_12px{gap:12px}.panda-ai_center{align-items:center}.panda-bg-c_surface{background-color:var(--panda-colors-surface)}.panda-c_text{color:var(--panda-colors-text)}.panda-d_flex{display:flex}.panda-flex-wrap_wrap{flex-wrap:wrap}.panda-ff_body{font-family:var(--panda-fonts-body)}.panda-max-w_960px{max-width:960px}}@layer recipes.slots{@layer base,variants,compound_variants;}