.tf-public{--rs-violet:#7c3aed1f;--rs-gold:#e8c26829;--background:#f7f6f3;--color-background:#f7f6f3;--card:#fff;--color-card:#fff;--surface:#fff;--color-surface:#fff;--popover:#fff;--color-popover:#fff;--primary:#7c3aed;--color-primary:#7c3aed;--primary-hover:#6d28d9;--color-primary-hover:#6d28d9;--primary-foreground:#fff;--color-primary-foreground:#fff;--highlight:#6d28d9;--color-highlight:#6d28d9;--highlight-foreground:#fff;--color-highlight-foreground:#fff;--highlight-soft:#7c3aed14;--color-highlight-soft:#7c3aed14;--ring:#7c3aed66;--color-ring:#7c3aed66;--button-bg:#7c3aed;--button-bg-hover:#6d28d9;--button-fg:#fff;--highlight-2:var(--highlight)}.dark .tf-public{--rs-violet:#7c3aed42;--rs-gold:#e8c26812;--background:#0d0713;--color-background:#0d0713;--card:#140e1f;--color-card:#140e1f;--surface:#140e1f;--color-surface:#140e1f;--surface-raised:#1a1228;--color-surface-raised:#1a1228;--popover:#1a1228;--color-popover:#1a1228;--secondary:#211836;--color-secondary:#211836;--muted:#211836;--color-muted:#211836;--accent:#211836;--color-accent:#211836;--foreground:#d6d0e4;--color-foreground:#d6d0e4;--card-foreground:#d6d0e4;--color-card-foreground:#d6d0e4;--heading:#ece8f4;--color-heading:#ece8f4;--muted-foreground:#b6acce;--color-muted-foreground:#b6acce;--border:#c4b5fd1f;--color-border:#c4b5fd1f;--border-strong:#c4b5fd3d;--color-border-strong:#c4b5fd3d;--input:#c4b5fd29;--color-input:#c4b5fd29;--primary:#7c3aed;--color-primary:#7c3aed;--primary-hover:#6d28d9;--color-primary-hover:#6d28d9;--primary-foreground:#fff;--color-primary-foreground:#fff;--highlight:#c4b5fd;--color-highlight:#c4b5fd;--highlight-foreground:#0d0713;--color-highlight-foreground:#0d0713;--highlight-soft:#c4b5fd1f;--color-highlight-soft:#c4b5fd1f;--ring:#a78bfa80;--color-ring:#a78bfa80;--button-bg:#7c3aed;--button-bg-hover:#6d28d9;--button-fg:#fff;--highlight-2:var(--highlight)}html:has(.tf-public){background-color:#f7f6f3}html.dark:has(.tf-public){background-color:#0d0713}.tf-public ::selection{background:#7c3aed2e}.tf-public-glow{z-index:0;pointer-events:none;background-image:radial-gradient(48% 50% at 84% 26%, var(--rs-violet), transparent 72%), radial-gradient(36% 38% at 6% 32%, var(--rs-gold), transparent 70%);height:56rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 9rem);mask-image:linear-gradient(#0000,#000 9rem)}::view-transition-old(.public-exit){animation:.15s cubic-bezier(.23,1,.32,1) both tf-public-out}::view-transition-new(.public-enter){animation:.32s cubic-bezier(.16,1,.3,1) 70ms both tf-public-in}@keyframes tf-public-out{to{opacity:0}}@keyframes tf-public-in{0%{opacity:0;transform:translateY(8px)}}@keyframes tf-public-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-new(.public-enter){animation:.16s ease-out both tf-public-fade}}html[data-motion=off]::view-transition-old(.public-exit){animation:none}html[data-motion=off]::view-transition-new(.public-enter){animation:none}.tf-demo{--demo-accent:#7c3aed;--demo-accent-ink:#7c3aed;--demo-ease-out:cubic-bezier(.23, 1, .32, 1);--demo-ease-settle:cubic-bezier(.16, 1, .3, 1);--demo-ease-pop:cubic-bezier(.34, 1.18, .64, 1)}.dark .tf-demo{--demo-accent-ink:#a78bfa}.tf-demo[data-accent=blue]{--demo-accent:#2563eb;--demo-accent-ink:#2563eb}.dark .tf-demo[data-accent=blue]{--demo-accent-ink:#93c5fd}.tf-demo-tint{transition:background-color .72s,color .72s,box-shadow .72s}.tf-demo-layer{transition:opacity .38s var(--demo-ease-out), transform .52s var(--demo-ease-settle)}.tf-demo-layer[data-shown=false]{opacity:0;transition-duration:.22s,.3s;transform:translateY(3px)}.tf-demo-pop-in[data-shown=false]{transform:scale(.92)}.tf-demo-pop-in[data-shown=true]{transition-timing-function:var(--demo-ease-out), var(--demo-ease-settle)}.tf-demo-caret{vertical-align:-.12em;background:var(--demo-accent);width:1px;height:.95em;margin-left:1px;animation:1.1s step-end infinite tf-demo-blink;display:inline-block}.tf-demo-caret[data-typing=true]{animation:none}@keyframes tf-demo-blink{50%{opacity:0}}.tf-demo-strike{transform-origin:0;height:1px;transition:transform .36s var(--demo-ease-out) 80ms;background:currentColor;position:absolute;top:52%;left:0;right:0;transform:scaleX(0)}.tf-demo-strike[data-on=true]{transform:scaleX(1)}.tf-demo-ink{transition:color .36s}.tf-demo-done{opacity:0;transition:opacity .2s var(--demo-ease-out), transform .42s var(--demo-ease-pop);transform:scale(.7)}.tf-demo-done[data-on=true]{opacity:1;transform:scale(1)}.tf-demo-done:after{content:"";border:1px solid var(--heading);opacity:0;pointer-events:none;border-radius:9999px;position:absolute;inset:-1px}.tf-demo-done[data-on=true]:after{animation:tf-demo-ring .64s var(--demo-ease-out) 60ms both}@keyframes tf-demo-ring{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.tf-demo-check{opacity:0;transition:opacity .18s var(--demo-ease-out) 90ms, transform .42s var(--demo-ease-pop) 90ms;transform:scale(.5)rotate(-12deg)}.tf-demo-check[data-on=true]{opacity:1;transform:none}.tf-demo kbd[data-pressed=true]{transition-duration:90ms;transform:translateY(1px)scale(.94)}.tf-demo-pop{transition:opacity .22s var(--demo-ease-out), transform .3s var(--demo-ease-out);box-shadow:0 8px 24px -12px #0000001f}.tf-demo-pop[data-open=false]{opacity:0;transition-duration:.16s,.2s;transform:scale(.95)translateY(-3px)}.tf-demo-day-ring{box-shadow:inset 0 0 0 1.5px var(--demo-accent);border-radius:6px;position:absolute;inset:-2px}.tf-demo-swatch-ring{box-shadow:inset 0 0 0 1.5px var(--heading);border-radius:9999px;position:absolute;inset:-3px}.tf-demo-layer.tf-demo-day-ring[data-shown=false],.tf-demo-layer.tf-demo-swatch-ring[data-shown=false]{transform:scale(.85)}.tf-demo-cursor{z-index:20;pointer-events:none;opacity:0;will-change:transform;transition:opacity .6s;position:absolute;top:0;left:0;transform:translate(84%,90%)}.tf-demo[data-mode=live] .tf-demo-cursor{opacity:1}.tf-demo[data-mode=still] .tf-demo-cursor{display:none}.tf-demo-arrow{transform-origin:2px 1.5px;fill:#1c1917;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0000002e);width:17px;height:19px;margin:-1px 0 0 -2px;display:block}.dark .tf-demo-arrow{fill:#f5f3ff;stroke:#140e1f}.tf-demo-ripple{background:var(--demo-accent);opacity:0;border-radius:9999px;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.tf-demo[data-mode=still] .tf-demo-layer,.tf-demo[data-mode=still] .tf-demo-done,.tf-demo[data-mode=still] .tf-demo-check,.tf-demo[data-mode=still] .tf-demo-strike{transition-property:opacity;transform:none}.tf-demo[data-mode=still] .tf-demo-done:after{animation:none}