thread-ui 0.4.0 → 0.4.2

package/dist/styled-system/styles.css

@@ -1,2225 +1 @@
-@layer thread-reset, thread-base, thread-tokens, thread-recipes, thread-utilities;
-
-@layer thread-reset{
-  html,:host {
-    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-tab-size: 4;
-    tab-size: 4;
-    font-family: var(--global-font-body, var(--font-fallback));
-    -webkit-tap-highlight-color: transparent;
-}
-
-  *,::before,::after,::backdrop,::file-selector-button {
-    margin: 0px;
-    padding: 0px;
-    border-width: 0px;
-    border-style: solid;
-    border-color: var(--global-color-border, currentcolor);
-    box-sizing: border-box;
-}
-
-  hr {
-    color: inherit;
-    height: 0px;
-    border-top-width: 1px;
-}
-
-  body {
-    line-height: inherit;
-    height: 100%;
-}
-
-  img {
-    border-style: none;
-}
-
-  img,svg,video,canvas,audio,iframe,embed,object {
-    display: block;
-    vertical-align: middle;
-}
-
-  img,video {
-    max-width: 100%;
-    height: auto;
-}
-
-  h1,h2,h3,h4,h5,h6 {
-    text-wrap: balance;
-    font-size: inherit;
-    font-weight: inherit;
-}
-
-  p,h1,h2,h3,h4,h5,h6 {
-    overflow-wrap: break-word;
-}
-
-  ol,ul,menu {
-    list-style: none;
-}
-
-  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
-    appearance: button;
-    -webkit-appearance: button;
-}
-
-  button,input,optgroup,select,textarea,::file-selector-button {
-    font: inherit;
-    background: var(--thread-ui-colors-transparent);
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-}
-
-  ::placeholder {
-    --placeholder-fallback: rgba(0, 0, 0, 0.5);
-    opacity: 1;
-    color: var(--global-color-placeholder, var(--placeholder-fallback));
-}
-
-  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
-}
-}
-
-  textarea {
-    resize: vertical;
-}
-
-  table {
-    border-color: inherit;
-    text-indent: 0px;
-    border-collapse: collapse;
-}
-
-  summary {
-    display: list-item;
-}
-
-  small {
-    font-size: 80%;
-}
-
-  sub,sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-  sub {
-    bottom: -0.25em;
-}
-
-  sup {
-    top: -0.5em;
-}
-
-  dialog {
-    padding: 0px;
-}
-
-  a {
-    text-decoration: inherit;
-    color: inherit;
-}
-
-  abbr:where([title]) {
-    text-decoration: underline dotted;
-}
-
-  b,strong {
-    font-weight: bolder;
-}
-
-  code,kbd,samp,pre {
-    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
-    font-family: var(--global-font-mono, var(--font-mono-fallback));
-    font-size: 1em;
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-}
-
-  progress {
-    vertical-align: baseline;
-}
-
-  ::-webkit-search-decoration,::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-}
-
-  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
-    height: auto;
-}
-
-  :-moz-ui-invalid {
-    box-shadow: none;
-}
-
-  :-moz-focusring {
-    outline: auto;
-}
-
-  [hidden]:where(:not([hidden='until-found'])) {
-    display: none !important;
-}
-}
-
-@layer thread-base{
-  :root {
-    --made-with-panda: '🐼';
-}
-
-  *,::before,::after,::backdrop {
-    --blur: /*-*/ /*-*/;
-    --brightness: /*-*/ /*-*/;
-    --contrast: /*-*/ /*-*/;
-    --grayscale: /*-*/ /*-*/;
-    --hue-rotate: /*-*/ /*-*/;
-    --invert: /*-*/ /*-*/;
-    --saturate: /*-*/ /*-*/;
-    --sepia: /*-*/ /*-*/;
-    --drop-shadow: /*-*/ /*-*/;
-    --backdrop-blur: /*-*/ /*-*/;
-    --backdrop-brightness: /*-*/ /*-*/;
-    --backdrop-contrast: /*-*/ /*-*/;
-    --backdrop-grayscale: /*-*/ /*-*/;
-    --backdrop-hue-rotate: /*-*/ /*-*/;
-    --backdrop-invert: /*-*/ /*-*/;
-    --backdrop-opacity: /*-*/ /*-*/;
-    --backdrop-saturate: /*-*/ /*-*/;
-    --backdrop-sepia: /*-*/ /*-*/;
-    --gradient-from-position: /*-*/ /*-*/;
-    --gradient-to-position: /*-*/ /*-*/;
-    --gradient-via-position: /*-*/ /*-*/;
-    --scroll-snap-strictness: proximity;
-    --border-spacing-x: 0;
-    --border-spacing-y: 0;
-    --translate-x: 0;
-    --translate-y: 0;
-    --rotate: 0;
-    --rotate-x: 0;
-    --rotate-y: 0;
-    --skew-x: 0;
-    --skew-y: 0;
-    --scale-x: 1;
-    --scale-y: 1;
-}
-}
-
-@layer thread-tokens{
-  :where(:root, :host) {
-    --thread-ui-aspect-ratios-square: 1 / 1;
-    --thread-ui-aspect-ratios-landscape: 4 / 3;
-    --thread-ui-aspect-ratios-portrait: 3 / 4;
-    --thread-ui-aspect-ratios-wide: 16 / 9;
-    --thread-ui-aspect-ratios-ultrawide: 18 / 5;
-    --thread-ui-aspect-ratios-golden: 1.618 / 1;
-    --thread-ui-borders-none: none;
-    --thread-ui-easings-default: cubic-bezier(0.4, 0, 0.2, 1);
-    --thread-ui-easings-linear: linear;
-    --thread-ui-easings-in: cubic-bezier(0.4, 0, 1, 1);
-    --thread-ui-easings-out: cubic-bezier(0, 0, 0.2, 1);
-    --thread-ui-easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-    --thread-ui-durations-fastest: 50ms;
-    --thread-ui-durations-faster: 100ms;
-    --thread-ui-durations-fast: 150ms;
-    --thread-ui-durations-normal: 200ms;
-    --thread-ui-durations-slow: 300ms;
-    --thread-ui-durations-slower: 400ms;
-    --thread-ui-durations-slowest: 500ms;
-    --thread-ui-font-weights-thin: 100;
-    --thread-ui-font-weights-extralight: 200;
-    --thread-ui-font-weights-light: 300;
-    --thread-ui-font-weights-normal: 400;
-    --thread-ui-font-weights-medium: 500;
-    --thread-ui-font-weights-semibold: 600;
-    --thread-ui-font-weights-bold: 700;
-    --thread-ui-font-weights-extrabold: 800;
-    --thread-ui-font-weights-black: 900;
-    --thread-ui-line-heights-none: 1;
-    --thread-ui-line-heights-tight: 1.25;
-    --thread-ui-line-heights-snug: 1.375;
-    --thread-ui-line-heights-normal: 1.5;
-    --thread-ui-line-heights-relaxed: 1.625;
-    --thread-ui-line-heights-loose: 2;
-    --thread-ui-fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --thread-ui-fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-    --thread-ui-fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --thread-ui-letter-spacings-tighter: -0.05em;
-    --thread-ui-letter-spacings-tight: -0.025em;
-    --thread-ui-letter-spacings-normal: 0em;
-    --thread-ui-letter-spacings-wide: 0.025em;
-    --thread-ui-letter-spacings-wider: 0.05em;
-    --thread-ui-letter-spacings-widest: 0.1em;
-    --thread-ui-font-sizes-2xs: 0.5rem;
-    --thread-ui-font-sizes-xs: 0.75rem;
-    --thread-ui-font-sizes-sm: 0.875rem;
-    --thread-ui-font-sizes-md: 1rem;
-    --thread-ui-font-sizes-lg: 1.125rem;
-    --thread-ui-font-sizes-xl: 1.25rem;
-    --thread-ui-font-sizes-2xl: 1.5rem;
-    --thread-ui-font-sizes-3xl: 1.875rem;
-    --thread-ui-font-sizes-4xl: 2.25rem;
-    --thread-ui-font-sizes-5xl: 3rem;
-    --thread-ui-font-sizes-6xl: 3.75rem;
-    --thread-ui-font-sizes-7xl: 4.5rem;
-    --thread-ui-font-sizes-8xl: 6rem;
-    --thread-ui-font-sizes-9xl: 8rem;
-    --thread-ui-shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --thread-ui-shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --thread-ui-shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --thread-ui-shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --thread-ui-shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-    --thread-ui-shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-    --thread-ui-shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
-    --thread-ui-blurs-sm: 4px;
-    --thread-ui-blurs-base: 8px;
-    --thread-ui-blurs-md: 12px;
-    --thread-ui-blurs-lg: 16px;
-    --thread-ui-blurs-xl: 24px;
-    --thread-ui-blurs-2xl: 40px;
-    --thread-ui-blurs-3xl: 64px;
-    --thread-ui-spacing-0: 0rem;
-    --thread-ui-spacing-1: 0.25rem;
-    --thread-ui-spacing-2: 0.5rem;
-    --thread-ui-spacing-3: 0.75rem;
-    --thread-ui-spacing-4: 1rem;
-    --thread-ui-spacing-5: 1.25rem;
-    --thread-ui-spacing-6: 1.5rem;
-    --thread-ui-spacing-7: 1.75rem;
-    --thread-ui-spacing-8: 2rem;
-    --thread-ui-spacing-9: 2.25rem;
-    --thread-ui-spacing-10: 2.5rem;
-    --thread-ui-spacing-11: 2.75rem;
-    --thread-ui-spacing-12: 3rem;
-    --thread-ui-spacing-14: 3.5rem;
-    --thread-ui-spacing-16: 4rem;
-    --thread-ui-spacing-20: 5rem;
-    --thread-ui-spacing-24: 6rem;
-    --thread-ui-spacing-28: 7rem;
-    --thread-ui-spacing-32: 8rem;
-    --thread-ui-spacing-36: 9rem;
-    --thread-ui-spacing-40: 10rem;
-    --thread-ui-spacing-44: 11rem;
-    --thread-ui-spacing-48: 12rem;
-    --thread-ui-spacing-52: 13rem;
-    --thread-ui-spacing-56: 14rem;
-    --thread-ui-spacing-60: 15rem;
-    --thread-ui-spacing-64: 16rem;
-    --thread-ui-spacing-72: 18rem;
-    --thread-ui-spacing-80: 20rem;
-    --thread-ui-spacing-96: 24rem;
-    --thread-ui-spacing-0\.5: 0.125rem;
-    --thread-ui-spacing-1\.5: 0.375rem;
-    --thread-ui-spacing-2\.5: 0.625rem;
-    --thread-ui-spacing-3\.5: 0.875rem;
-    --thread-ui-sizes-0: 0rem;
-    --thread-ui-sizes-1: 0.25rem;
-    --thread-ui-sizes-2: 0.5rem;
-    --thread-ui-sizes-3: 0.75rem;
-    --thread-ui-sizes-4: 1rem;
-    --thread-ui-sizes-5: 1.25rem;
-    --thread-ui-sizes-6: 1.5rem;
-    --thread-ui-sizes-7: 1.75rem;
-    --thread-ui-sizes-8: 2rem;
-    --thread-ui-sizes-9: 2.25rem;
-    --thread-ui-sizes-10: 2.5rem;
-    --thread-ui-sizes-11: 2.75rem;
-    --thread-ui-sizes-12: 3rem;
-    --thread-ui-sizes-14: 3.5rem;
-    --thread-ui-sizes-16: 4rem;
-    --thread-ui-sizes-20: 5rem;
-    --thread-ui-sizes-24: 6rem;
-    --thread-ui-sizes-28: 7rem;
-    --thread-ui-sizes-32: 8rem;
-    --thread-ui-sizes-36: 9rem;
-    --thread-ui-sizes-40: 10rem;
-    --thread-ui-sizes-44: 11rem;
-    --thread-ui-sizes-48: 12rem;
-    --thread-ui-sizes-52: 13rem;
-    --thread-ui-sizes-56: 14rem;
-    --thread-ui-sizes-60: 15rem;
-    --thread-ui-sizes-64: 16rem;
-    --thread-ui-sizes-72: 18rem;
-    --thread-ui-sizes-80: 20rem;
-    --thread-ui-sizes-96: 24rem;
-    --thread-ui-sizes-0\.5: 0.125rem;
-    --thread-ui-sizes-1\.5: 0.375rem;
-    --thread-ui-sizes-2\.5: 0.625rem;
-    --thread-ui-sizes-3\.5: 0.875rem;
-    --thread-ui-sizes-xs: 20rem;
-    --thread-ui-sizes-sm: 24rem;
-    --thread-ui-sizes-md: 28rem;
-    --thread-ui-sizes-lg: 32rem;
-    --thread-ui-sizes-xl: 36rem;
-    --thread-ui-sizes-2xl: 42rem;
-    --thread-ui-sizes-3xl: 48rem;
-    --thread-ui-sizes-4xl: 56rem;
-    --thread-ui-sizes-5xl: 64rem;
-    --thread-ui-sizes-6xl: 72rem;
-    --thread-ui-sizes-7xl: 80rem;
-    --thread-ui-sizes-8xl: 90rem;
-    --thread-ui-sizes-prose: 65ch;
-    --thread-ui-sizes-full: 100%;
-    --thread-ui-sizes-min: min-content;
-    --thread-ui-sizes-max: max-content;
-    --thread-ui-sizes-fit: fit-content;
-    --thread-ui-sizes-breakpoint-sm: 640px;
-    --thread-ui-sizes-breakpoint-md: 768px;
-    --thread-ui-sizes-breakpoint-lg: 1024px;
-    --thread-ui-sizes-breakpoint-xl: 1280px;
-    --thread-ui-sizes-breakpoint-2xl: 1536px;
-    --thread-ui-animations-spin: spin 1s linear infinite;
-    --thread-ui-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-    --thread-ui-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --thread-ui-animations-bounce: bounce 1s infinite;
-    --thread-ui-colors-current: currentColor;
-    --thread-ui-colors-transparent: rgb(0 0 0 / 0);
-    --thread-ui-colors-rose-50: #fff1f2;
-    --thread-ui-colors-rose-100: #ffe4e6;
-    --thread-ui-colors-rose-200: #fecdd3;
-    --thread-ui-colors-rose-300: #fda4af;
-    --thread-ui-colors-rose-400: #fb7185;
-    --thread-ui-colors-rose-500: #f43f5e;
-    --thread-ui-colors-rose-600: #e11d48;
-    --thread-ui-colors-rose-700: #be123c;
-    --thread-ui-colors-rose-800: #9f1239;
-    --thread-ui-colors-rose-900: #881337;
-    --thread-ui-colors-rose-950: #4c0519;
-    --thread-ui-colors-pink-50: #fdf2f8;
-    --thread-ui-colors-pink-100: #fce7f3;
-    --thread-ui-colors-pink-200: #fbcfe8;
-    --thread-ui-colors-pink-300: #f9a8d4;
-    --thread-ui-colors-pink-400: #f472b6;
-    --thread-ui-colors-pink-500: #ec4899;
-    --thread-ui-colors-pink-600: #db2777;
-    --thread-ui-colors-pink-700: #be185d;
-    --thread-ui-colors-pink-800: #9d174d;
-    --thread-ui-colors-pink-900: #831843;
-    --thread-ui-colors-pink-950: #500724;
-    --thread-ui-colors-fuchsia-50: #fdf4ff;
-    --thread-ui-colors-fuchsia-100: #fae8ff;
-    --thread-ui-colors-fuchsia-200: #f5d0fe;
-    --thread-ui-colors-fuchsia-300: #f0abfc;
-    --thread-ui-colors-fuchsia-400: #e879f9;
-    --thread-ui-colors-fuchsia-500: #d946ef;
-    --thread-ui-colors-fuchsia-600: #c026d3;
-    --thread-ui-colors-fuchsia-700: #a21caf;
-    --thread-ui-colors-fuchsia-800: #86198f;
-    --thread-ui-colors-fuchsia-900: #701a75;
-    --thread-ui-colors-fuchsia-950: #4a044e;
-    --thread-ui-colors-purple-50: #faf5ff;
-    --thread-ui-colors-purple-100: #f3e8ff;
-    --thread-ui-colors-purple-200: #e9d5ff;
-    --thread-ui-colors-purple-300: #d8b4fe;
-    --thread-ui-colors-purple-400: #c084fc;
-    --thread-ui-colors-purple-500: #a855f7;
-    --thread-ui-colors-purple-600: #9333ea;
-    --thread-ui-colors-purple-700: #7e22ce;
-    --thread-ui-colors-purple-800: #6b21a8;
-    --thread-ui-colors-purple-900: #581c87;
-    --thread-ui-colors-purple-950: #3b0764;
-    --thread-ui-colors-violet-50: #f5f3ff;
-    --thread-ui-colors-violet-100: #ede9fe;
-    --thread-ui-colors-violet-200: #ddd6fe;
-    --thread-ui-colors-violet-300: #c4b5fd;
-    --thread-ui-colors-violet-400: #a78bfa;
-    --thread-ui-colors-violet-500: #8b5cf6;
-    --thread-ui-colors-violet-600: #7c3aed;
-    --thread-ui-colors-violet-700: #6d28d9;
-    --thread-ui-colors-violet-800: #5b21b6;
-    --thread-ui-colors-violet-900: #4c1d95;
-    --thread-ui-colors-violet-950: #2e1065;
-    --thread-ui-colors-indigo-50: #eef2ff;
-    --thread-ui-colors-indigo-100: #e0e7ff;
-    --thread-ui-colors-indigo-200: #c7d2fe;
-    --thread-ui-colors-indigo-300: #a5b4fc;
-    --thread-ui-colors-indigo-400: #818cf8;
-    --thread-ui-colors-indigo-500: #6366f1;
-    --thread-ui-colors-indigo-600: #4f46e5;
-    --thread-ui-colors-indigo-700: #4338ca;
-    --thread-ui-colors-indigo-800: #3730a3;
-    --thread-ui-colors-indigo-900: #312e81;
-    --thread-ui-colors-indigo-950: #1e1b4b;
-    --thread-ui-colors-blue-50: #eff6ff;
-    --thread-ui-colors-blue-100: #dbeafe;
-    --thread-ui-colors-blue-200: #bfdbfe;
-    --thread-ui-colors-blue-300: #93c5fd;
-    --thread-ui-colors-blue-400: #60a5fa;
-    --thread-ui-colors-blue-500: #3b82f6;
-    --thread-ui-colors-blue-600: #2563eb;
-    --thread-ui-colors-blue-700: #1d4ed8;
-    --thread-ui-colors-blue-800: #1e40af;
-    --thread-ui-colors-blue-900: #1e3a8a;
-    --thread-ui-colors-blue-950: #172554;
-    --thread-ui-colors-sky-50: #f0f9ff;
-    --thread-ui-colors-sky-100: #e0f2fe;
-    --thread-ui-colors-sky-200: #bae6fd;
-    --thread-ui-colors-sky-300: #7dd3fc;
-    --thread-ui-colors-sky-400: #38bdf8;
-    --thread-ui-colors-sky-500: #0ea5e9;
-    --thread-ui-colors-sky-600: #0284c7;
-    --thread-ui-colors-sky-700: #0369a1;
-    --thread-ui-colors-sky-800: #075985;
-    --thread-ui-colors-sky-900: #0c4a6e;
-    --thread-ui-colors-sky-950: #082f49;
-    --thread-ui-colors-cyan-50: #ecfeff;
-    --thread-ui-colors-cyan-100: #cffafe;
-    --thread-ui-colors-cyan-200: #a5f3fc;
-    --thread-ui-colors-cyan-300: #67e8f9;
-    --thread-ui-colors-cyan-400: #22d3ee;
-    --thread-ui-colors-cyan-500: #06b6d4;
-    --thread-ui-colors-cyan-600: #0891b2;
-    --thread-ui-colors-cyan-700: #0e7490;
-    --thread-ui-colors-cyan-800: #155e75;
-    --thread-ui-colors-cyan-900: #164e63;
-    --thread-ui-colors-cyan-950: #083344;
-    --thread-ui-colors-teal-50: #f0fdfa;
-    --thread-ui-colors-teal-100: #ccfbf1;
-    --thread-ui-colors-teal-200: #99f6e4;
-    --thread-ui-colors-teal-300: #5eead4;
-    --thread-ui-colors-teal-400: #2dd4bf;
-    --thread-ui-colors-teal-500: #14b8a6;
-    --thread-ui-colors-teal-600: #0d9488;
-    --thread-ui-colors-teal-700: #0f766e;
-    --thread-ui-colors-teal-800: #115e59;
-    --thread-ui-colors-teal-900: #134e4a;
-    --thread-ui-colors-teal-950: #042f2e;
-    --thread-ui-colors-emerald-50: #ecfdf5;
-    --thread-ui-colors-emerald-100: #d1fae5;
-    --thread-ui-colors-emerald-200: #a7f3d0;
-    --thread-ui-colors-emerald-300: #6ee7b7;
-    --thread-ui-colors-emerald-400: #34d399;
-    --thread-ui-colors-emerald-500: #10b981;
-    --thread-ui-colors-emerald-600: #059669;
-    --thread-ui-colors-emerald-700: #047857;
-    --thread-ui-colors-emerald-800: #065f46;
-    --thread-ui-colors-emerald-900: #064e3b;
-    --thread-ui-colors-emerald-950: #022c22;
-    --thread-ui-colors-green-50: #f0fdf4;
-    --thread-ui-colors-green-100: #dcfce7;
-    --thread-ui-colors-green-200: #bbf7d0;
-    --thread-ui-colors-green-300: #86efac;
-    --thread-ui-colors-green-400: #4ade80;
-    --thread-ui-colors-green-500: #22c55e;
-    --thread-ui-colors-green-600: #16a34a;
-    --thread-ui-colors-green-700: #15803d;
-    --thread-ui-colors-green-800: #166534;
-    --thread-ui-colors-green-900: #14532d;
-    --thread-ui-colors-green-950: #052e16;
-    --thread-ui-colors-lime-50: #f7fee7;
-    --thread-ui-colors-lime-100: #ecfccb;
-    --thread-ui-colors-lime-200: #d9f99d;
-    --thread-ui-colors-lime-300: #bef264;
-    --thread-ui-colors-lime-400: #a3e635;
-    --thread-ui-colors-lime-500: #84cc16;
-    --thread-ui-colors-lime-600: #65a30d;
-    --thread-ui-colors-lime-700: #4d7c0f;
-    --thread-ui-colors-lime-800: #3f6212;
-    --thread-ui-colors-lime-900: #365314;
-    --thread-ui-colors-lime-950: #1a2e05;
-    --thread-ui-colors-yellow-50: #fefce8;
-    --thread-ui-colors-yellow-100: #fef9c3;
-    --thread-ui-colors-yellow-200: #fef08a;
-    --thread-ui-colors-yellow-300: #fde047;
-    --thread-ui-colors-yellow-400: #facc15;
-    --thread-ui-colors-yellow-500: #eab308;
-    --thread-ui-colors-yellow-600: #ca8a04;
-    --thread-ui-colors-yellow-700: #a16207;
-    --thread-ui-colors-yellow-800: #854d0e;
-    --thread-ui-colors-yellow-900: #713f12;
-    --thread-ui-colors-yellow-950: #422006;
-    --thread-ui-colors-amber-50: #fffbeb;
-    --thread-ui-colors-amber-100: #fef3c7;
-    --thread-ui-colors-amber-200: #fde68a;
-    --thread-ui-colors-amber-300: #fcd34d;
-    --thread-ui-colors-amber-400: #fbbf24;
-    --thread-ui-colors-amber-500: #f59e0b;
-    --thread-ui-colors-amber-600: #d97706;
-    --thread-ui-colors-amber-700: #b45309;
-    --thread-ui-colors-amber-800: #92400e;
-    --thread-ui-colors-amber-900: #78350f;
-    --thread-ui-colors-amber-950: #451a03;
-    --thread-ui-colors-orange-50: #fff7ed;
-    --thread-ui-colors-orange-100: #ffedd5;
-    --thread-ui-colors-orange-200: #fed7aa;
-    --thread-ui-colors-orange-300: #fdba74;
-    --thread-ui-colors-orange-400: #fb923c;
-    --thread-ui-colors-orange-500: #f97316;
-    --thread-ui-colors-orange-600: #ea580c;
-    --thread-ui-colors-orange-700: #c2410c;
-    --thread-ui-colors-orange-800: #9a3412;
-    --thread-ui-colors-orange-900: #7c2d12;
-    --thread-ui-colors-orange-950: #431407;
-    --thread-ui-colors-red-50: #fef2f2;
-    --thread-ui-colors-red-100: #fee2e2;
-    --thread-ui-colors-red-200: #fecaca;
-    --thread-ui-colors-red-300: #fca5a5;
-    --thread-ui-colors-red-400: #f87171;
-    --thread-ui-colors-red-500: #ef4444;
-    --thread-ui-colors-red-600: #dc2626;
-    --thread-ui-colors-red-700: #b91c1c;
-    --thread-ui-colors-red-800: #991b1b;
-    --thread-ui-colors-red-900: #7f1d1d;
-    --thread-ui-colors-red-950: #450a0a;
-    --thread-ui-colors-neutral-50: #fafafa;
-    --thread-ui-colors-neutral-100: #f5f5f5;
-    --thread-ui-colors-neutral-200: #e5e5e5;
-    --thread-ui-colors-neutral-300: #d4d4d4;
-    --thread-ui-colors-neutral-400: #a3a3a3;
-    --thread-ui-colors-neutral-500: #737373;
-    --thread-ui-colors-neutral-600: #525252;
-    --thread-ui-colors-neutral-700: #404040;
-    --thread-ui-colors-neutral-800: #262626;
-    --thread-ui-colors-neutral-900: #171717;
-    --thread-ui-colors-neutral-950: #0a0a0a;
-    --thread-ui-colors-stone-50: #fafaf9;
-    --thread-ui-colors-stone-100: #f5f5f4;
-    --thread-ui-colors-stone-200: #e7e5e4;
-    --thread-ui-colors-stone-300: #d6d3d1;
-    --thread-ui-colors-stone-400: #a8a29e;
-    --thread-ui-colors-stone-500: #78716c;
-    --thread-ui-colors-stone-600: #57534e;
-    --thread-ui-colors-stone-700: #44403c;
-    --thread-ui-colors-stone-800: #292524;
-    --thread-ui-colors-stone-900: #1c1917;
-    --thread-ui-colors-stone-950: #0c0a09;
-    --thread-ui-colors-zinc-50: #fafafa;
-    --thread-ui-colors-zinc-100: #f4f4f5;
-    --thread-ui-colors-zinc-200: #e4e4e7;
-    --thread-ui-colors-zinc-300: #d4d4d8;
-    --thread-ui-colors-zinc-400: #a1a1aa;
-    --thread-ui-colors-zinc-500: #71717a;
-    --thread-ui-colors-zinc-600: #52525b;
-    --thread-ui-colors-zinc-700: #3f3f46;
-    --thread-ui-colors-zinc-800: #27272a;
-    --thread-ui-colors-zinc-900: #18181b;
-    --thread-ui-colors-zinc-950: #09090b;
-    --thread-ui-colors-slate-50: #f8fafc;
-    --thread-ui-colors-slate-100: #f1f5f9;
-    --thread-ui-colors-slate-200: #e2e8f0;
-    --thread-ui-colors-slate-300: #cbd5e1;
-    --thread-ui-colors-slate-400: #94a3b8;
-    --thread-ui-colors-slate-500: #64748b;
-    --thread-ui-colors-slate-600: #475569;
-    --thread-ui-colors-slate-700: #334155;
-    --thread-ui-colors-slate-800: #1e293b;
-    --thread-ui-colors-slate-900: #0f172a;
-    --thread-ui-colors-slate-950: #020617;
-    --thread-ui-colors-primary-light: var(--thread-primary-light);
-    --thread-ui-colors-primary-main: var(--thread-primary-main);
-    --thread-ui-colors-primary-dark: var(--thread-primary-dark);
-    --thread-ui-colors-secondary-light: var(--thread-secondary-light);
-    --thread-ui-colors-secondary-main: var(--thread-secondary-main);
-    --thread-ui-colors-secondary-dark: var(--thread-secondary-dark);
-    --thread-ui-colors-tertiary-light: var(--thread-tertiary-light);
-    --thread-ui-colors-tertiary-main: var(--thread-tertiary-main);
-    --thread-ui-colors-tertiary-dark: var(--thread-tertiary-dark);
-    --thread-ui-colors-white: var(--thread-white);
-    --thread-ui-colors-black: var(--thread-black);
-    --thread-ui-colors-gray-50: #f9fafb;
-    --thread-ui-colors-gray-100: #f3f4f6;
-    --thread-ui-colors-gray-200: #e5e7eb;
-    --thread-ui-colors-gray-300: #d1d5db;
-    --thread-ui-colors-gray-400: #9ca3af;
-    --thread-ui-colors-gray-500: #6b7280;
-    --thread-ui-colors-gray-600: #4b5563;
-    --thread-ui-colors-gray-700: #374151;
-    --thread-ui-colors-gray-800: #1f2937;
-    --thread-ui-colors-gray-900: #111827;
-    --thread-ui-colors-gray-950: #030712;
-    --thread-ui-colors-gray-light: var(--thread-gray-light);
-    --thread-ui-colors-gray-main: var(--thread-gray-main);
-    --thread-ui-colors-gray-dark: var(--thread-gray-dark);
-    --thread-ui-colors-success-light: var(--thread-success-light);
-    --thread-ui-colors-success-main: var(--thread-success-main);
-    --thread-ui-colors-success-dark: var(--thread-success-dark);
-    --thread-ui-colors-warning-light: var(--thread-warning-light);
-    --thread-ui-colors-warning-main: var(--thread-warning-main);
-    --thread-ui-colors-warning-dark: var(--thread-warning-dark);
-    --thread-ui-colors-error-light: var(--thread-error-light);
-    --thread-ui-colors-error-main: var(--thread-error-main);
-    --thread-ui-colors-error-dark: var(--thread-error-dark);
-    --thread-ui-colors-info-light: var(--thread-info-light);
-    --thread-ui-colors-info-main: var(--thread-info-main);
-    --thread-ui-colors-info-dark: var(--thread-info-dark);
-    --thread-ui-radii-xs: 0.125rem;
-    --thread-ui-radii-xl: 0.75rem;
-    --thread-ui-radii-2xl: 1rem;
-    --thread-ui-radii-3xl: 1.5rem;
-    --thread-ui-radii-4xl: 2rem;
-    --thread-ui-radii-full: 9999px;
-    --thread-ui-radii-sm: var(--thread-border-radius-sm);
-    --thread-ui-radii-md: var(--thread-border-radius-md);
-    --thread-ui-radii-lg: var(--thread-border-radius-lg);
-    --thread-ui-border-widths-sm: var(--thread-border-size-sm);
-    --thread-ui-border-widths-md: var(--thread-border-size-md);
-    --thread-ui-border-widths-lg: var(--thread-border-size-lg);
-    --thread-ui-breakpoints-sm: 640px;
-    --thread-ui-breakpoints-md: 768px;
-    --thread-ui-breakpoints-lg: 1024px;
-    --thread-ui-breakpoints-xl: 1280px;
-    --thread-ui-breakpoints-2xl: 1536px;
-    --thread-ui-colors-background: var(--thread-background);
-    --thread-ui-colors-surface: var(--thread-surface);
-    --thread-ui-colors-elevated: var(--thread-elevated);
-    --thread-ui-colors-structure: var(--thread-structure);
-    --thread-ui-colors-text-standard: var(--thread-text-standard);
-    --thread-ui-colors-text-secondary: var(--thread-text-secondary);
-    --thread-ui-colors-text-disabled: var(--thread-text-disabled);
-    --thread-ui-colors-text-accent: var(--thread-text-accent);
-    --thread-ui-colors-text-inverted: var(--thread-text-inverted);
-}
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-}
-}
-
-  @keyframes ping {
-    75%,100% {
-      transform: scale(2);
-      opacity: 0;
-}
-}
-
-  @keyframes pulse {
-    50% {
-      opacity: 0.5;
-}
-}
-
-  @keyframes bounce {
-    0%,100% {
-      transform: translateY(-25%);
-      animation-timing-function: cubic-bezier(0.8,0,1,1);
-}
-
-    50% {
-      transform: none;
-      animation-timing-function: cubic-bezier(0,0,0.2,1);
-}
-}
-}
-
-@layer thread-recipes{
-  @layer _base{
-
-    .thread-ui-button {
-      border-radius: var(--thread-ui-radii-md);
-      border-style: solid;
-      border-width: var(--thread-ui-border-widths-md);
-      transition: background-color 0.2s ease;
-      color: var(--thread-ui-colors-white);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: pointer;
-      -webkit-user-select: none;
-      user-select: none;
-      height: fit-content;
-}
-}
-
-  .thread-ui-button--color_primary {
-    border-color: var(--thread-ui-colors-primary-main);
-    background-color: var(--thread-ui-colors-primary-main);
-}
-
-  .thread-ui-button--color_primary:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-primary-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-primary-main);
-}
-
-  .thread-ui-button--size_md {
-    padding: 8px;
-    font-size: 1rem;
-}
-
-  .thread-ui-button--fullWidth_false {
-    width: fit-content;
-}
-
-  .thread-ui-button--color_secondary {
-    border-color: var(--thread-ui-colors-secondary-main);
-    background-color: var(--thread-ui-colors-secondary-main);
-}
-
-  .thread-ui-button--color_secondary:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-secondary-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-secondary-main);
-}
-
-  .thread-ui-button--color_tertiary {
-    border-color: var(--thread-ui-colors-tertiary-main);
-    background-color: var(--thread-ui-colors-tertiary-main);
-}
-
-  .thread-ui-button--color_tertiary:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-tertiary-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-tertiary-main);
-}
-
-  .thread-ui-button--color_black {
-    border-color: var(--thread-ui-colors-white);
-    background-color: var(--thread-ui-colors-black);
-}
-
-  .thread-ui-button--color_black:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-black);
-    background-color: var(--thread-ui-colors-white);
-    color: var(--thread-ui-colors-black);
-}
-
-  .thread-ui-button--color_gray {
-    border-color: var(--thread-ui-colors-gray-main);
-    background-color: var(--thread-ui-colors-gray-main);
-}
-
-  .thread-ui-button--color_gray:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-gray-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-gray-main);
-}
-
-  .thread-ui-button--color_success {
-    border-color: var(--thread-ui-colors-success-main);
-    background-color: var(--thread-ui-colors-success-main);
-}
-
-  .thread-ui-button--color_success:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-success-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-success-main);
-}
-
-  .thread-ui-button--color_error {
-    border-color: var(--thread-ui-colors-error-main);
-    background-color: var(--thread-ui-colors-error-main);
-}
-
-  .thread-ui-button--color_error:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-error-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-error-main);
-}
-
-  .thread-ui-button--color_info {
-    border-color: var(--thread-ui-colors-info-main);
-    background-color: var(--thread-ui-colors-info-main);
-}
-
-  .thread-ui-button--color_info:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-info-main);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-info-main);
-}
-
-  .thread-ui-button--color_text {
-    border-color: var(--thread-ui-colors-text-standard);
-    background-color: var(--thread-ui-colors-text-standard);
-}
-
-  .thread-ui-button--color_text:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-text-standard);
-    background-color: var(--thread-ui-colors-background);
-    color: var(--thread-ui-colors-text-standard);
-}
-
-  .thread-ui-button--size_sm {
-    padding: 4px;
-    font-size: 0.75rem;
-}
-
-  .thread-ui-button--size_lg {
-    padding: 12px;
-    font-size: 1.25rem;
-}
-
-  .thread-ui-button--fullWidth_true {
-    width: 100%;
-}
-
-  .thread-ui-button--disabled_true {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-}
-
-@layer thread-utilities{
-
-  .thread-ui-p_3 {
-    padding: var(--thread-ui-spacing-3);
-}
-
-  .thread-ui-m_auto {
-    margin: auto;
-}
-
-  .thread-ui-bd_solid {
-    border: solid;
-}
-
-  .thread-ui-p_0\.5rem {
-    padding: 0.5rem;
-}
-
-  .thread-ui-p_4 {
-    padding: var(--thread-ui-spacing-4);
-}
-
-  .thread-ui-p_5 {
-    padding: var(--thread-ui-spacing-5);
-}
-
-  .thread-ui-inset_0 {
-    inset: var(--thread-ui-spacing-0);
-}
-
-  .thread-ui-bg_rgba\(0\,_0\,_0\,_0\.5\) {
-    background: rgba(0, 0, 0, 0.5);
-}
-
-  .thread-ui-bd_2px_dashed {
-    border: 2px dashed;
-}
-
-  .thread-ui-p_8 {
-    padding: var(--thread-ui-spacing-8);
-}
-
-  .thread-ui-bg_surface {
-    background: var(--thread-ui-colors-surface);
-}
-
-  .thread-ui-p_1 {
-    padding: var(--thread-ui-spacing-1);
-}
-
-  .thread-ui-bg_background {
-    background: var(--thread-ui-colors-background);
-}
-
-  .thread-ui-p_2 {
-    padding: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-p_6 {
-    padding: var(--thread-ui-spacing-6);
-}
-
-  .thread-ui-p_4px_8px {
-    padding: 4px 8px;
-}
-
-  .thread-ui-p_8px_16px {
-    padding: 8px 16px;
-}
-
-  .thread-ui-p_16px {
-    padding: 16px;
-}
-
-  .thread-ui-bd-w_md {
-    border-width: var(--thread-ui-border-widths-md);
-}
-
-  .thread-ui-bd-c_structure {
-    border-color: var(--thread-ui-colors-structure);
-}
-
-  .thread-ui-bdr_md {
-    border-radius: var(--thread-ui-radii-md);
-}
-
-  .thread-ui-ov_auto {
-    overflow: auto;
-}
-
-  .thread-ui-px_4 {
-    padding-inline: var(--thread-ui-spacing-4);
-}
-
-  .thread-ui-py_2 {
-    padding-block: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-bd-c_gray\.light {
-    border-color: var(--thread-ui-colors-gray-light);
-}
-
-  .thread-ui-px_16px {
-    padding-inline: 16px;
-}
-
-  .thread-ui-py_8px {
-    padding-block: 8px;
-}
-
-  .thread-ui-bd-w_1px {
-    border-width: 1px;
-}
-
-  .thread-ui-border-style_solid {
-    border-style: solid;
-}
-
-  .thread-ui-trs_colors {
-    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
-    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--transition-duration, 150ms);
-}
-
-  .thread-ui-flex_1_1_0\% {
-    flex: 1 1 0%;
-}
-
-  .thread-ui-bdr_0\.25rem {
-    border-radius: 0.25rem;
-}
-
-  .thread-ui-ov_hidden {
-    overflow: hidden;
-}
-
-  .thread-ui-mx_auto {
-    margin-inline: auto;
-}
-
-  .thread-ui-py_40px {
-    padding-block: 40px;
-}
-
-  .thread-ui-gap_12px {
-    gap: 12px;
-}
-
-  .thread-ui-py_16px {
-    padding-block: 16px;
-}
-
-  .thread-ui-bdr_50\% {
-    border-radius: 50%;
-}
-
-  .thread-ui-bdr_sm {
-    border-radius: var(--thread-ui-radii-sm);
-}
-
-  .thread-ui-mx_0 {
-    margin-inline: var(--thread-ui-spacing-0);
-}
-
-  .thread-ui-gap_2 {
-    gap: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-gap_3 {
-    gap: var(--thread-ui-spacing-3);
-}
-
-  .thread-ui-gap_0\.5rem {
-    gap: 0.5rem;
-}
-
-  .thread-ui-bd-w_sm {
-    border-width: var(--thread-ui-border-widths-sm);
-}
-
-  .thread-ui-my_0\.5rem {
-    margin-block: 0.5rem;
-}
-
-  .thread-ui-gap_0\.75rem {
-    gap: 0.75rem;
-}
-
-  .thread-ui-gap_1 {
-    gap: var(--thread-ui-spacing-1);
-}
-
-  .thread-ui-gap_24px {
-    gap: 24px;
-}
-
-  .thread-ui-ring_2px_solid_transparent {
-    outline: 2px solid transparent;
-}
-
-  .thread-ui-gap_16px {
-    gap: 16px;
-}
-
-  .thread-ui-my_20px {
-    margin-block: 20px;
-}
-
-  .thread-ui-bdr_lg {
-    border-radius: var(--thread-ui-radii-lg);
-}
-
-  .thread-ui-my_16px {
-    margin-block: 16px;
-}
-
-  .thread-ui-bd-c_gray\.300 {
-    border-color: var(--thread-ui-colors-gray-300);
-}
-
-  .thread-ui-gap_7 {
-    gap: var(--thread-ui-spacing-7);
-}
-
-  .thread-ui-bd-c_blue\.500 {
-    border-color: var(--thread-ui-colors-blue-500);
-}
-
-  .thread-ui-gap_4 {
-    gap: var(--thread-ui-spacing-4);
-}
-
-  .thread-ui-px_5 {
-    padding-inline: var(--thread-ui-spacing-5);
-}
-
-  .thread-ui-gap_12 {
-    gap: var(--thread-ui-spacing-12);
-}
-
-  .thread-ui-gap_8px {
-    gap: 8px;
-}
-
-  .thread-ui-my_4px {
-    margin-block: 4px;
-}
-
-  .thread-ui-bd-c_background {
-    border-color: var(--thread-ui-colors-background);
-}
-
-  .thread-ui-bdr_20px {
-    border-radius: 20px;
-}
-
-  .thread-ui-bd-c_primary\.main {
-    border-color: var(--thread-ui-colors-primary-main);
-}
-
-  .thread-ui-bdr_none {
-    border-radius: none;
-}
-
-  .thread-ui-flex_1 {
-    flex: 1 1 0%;
-}
-
-  .thread-ui-bdr_0\.375rem {
-    border-radius: 0.375rem;
-}
-
-  .thread-ui-td_none {
-    text-decoration: none;
-}
-
-  .thread-ui-trs_all_150ms_ease-in-out {
-    transition: all 150ms ease-in-out;
-}
-
-  .thread-ui-gap_4px {
-    gap: 4px;
-}
-
-  .thread-ui-d_flex {
-    display: flex;
-}
-
-  .thread-ui-flex-d_column {
-    flex-direction: column;
-}
-
-  .thread-ui-jc_start {
-    justify-content: start;
-}
-
-  .thread-ui-ai_center {
-    align-items: center;
-}
-
-  .thread-ui-c_text\.standard {
-    color: var(--thread-ui-colors-text-standard);
-}
-
-  .thread-ui-pos_relative {
-    position: relative;
-}
-
-  .thread-ui-bg-c_background {
-    background-color: var(--thread-ui-colors-background);
-}
-
-  .thread-ui-pos_absolute {
-    position: absolute;
-}
-
-  .thread-ui-bx-sh_lg {
-    box-shadow: var(--thread-ui-shadows-lg);
-}
-
-  .thread-ui-z_10 {
-    z-index: 10;
-}
-
-  .thread-ui-cursor_pointer {
-    cursor: pointer;
-}
-
-  .thread-ui-bg-c_elevated {
-    background-color: var(--thread-ui-colors-elevated);
-}
-
-  .thread-ui-d_block {
-    display: block;
-}
-
-  .thread-ui-as_flex-start {
-    align-self: flex-start;
-}
-
-  .thread-ui-bg-c_gray\.light {
-    background-color: var(--thread-ui-colors-gray-light);
-}
-
-  .thread-ui-bdr-ss_lg {
-    border-start-start-radius: var(--thread-ui-radii-lg);
-}
-
-  .thread-ui-bdr-es_lg {
-    border-end-start-radius: var(--thread-ui-radii-lg);
-}
-
-  .thread-ui-bdr-se_lg {
-    border-start-end-radius: var(--thread-ui-radii-lg);
-}
-
-  .thread-ui-bdr-ee_lg {
-    border-end-end-radius: var(--thread-ui-radii-lg);
-}
-
-  .thread-ui-ta_center {
-    text-align: center;
-}
-
-  .thread-ui-fs_sm {
-    font-size: var(--thread-ui-font-sizes-sm);
-}
-
-  .thread-ui-ap_none {
-    appearance: none;
-    -webkit-appearance: none;
-}
-
-  .thread-ui-jc_center {
-    justify-content: center;
-}
-
-  .thread-ui-as_start {
-    align-self: start;
-}
-
-  .thread-ui-resize_vertical {
-    resize: vertical;
-}
-
-  .thread-ui-flex-d_row {
-    flex-direction: row;
-}
-
-  .thread-ui-bg-c_black {
-    background-color: var(--thread-ui-colors-black);
-}
-
-  .thread-ui-column-count_2 {
-    column-count: 2;
-}
-
-  .thread-ui-cg_2 {
-    column-gap: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-d_inline-block {
-    display: inline-block;
-}
-
-  .thread-ui-d_block\! {
-    display: block !important;
-}
-
-  .thread-ui-d_none\! {
-    display: none !important;
-}
-
-  .thread-ui-ai_stretch {
-    align-items: stretch;
-}
-
-  .thread-ui-flex-d_column-reverse {
-    flex-direction: column-reverse;
-}
-
-  .thread-ui-jc_flex-start {
-    justify-content: flex-start;
-}
-
-  .thread-ui-tov_ellipsis {
-    text-overflow: ellipsis;
-}
-
-  .thread-ui-white-space_nowrap {
-    white-space: nowrap;
-}
-
-  .thread-ui-fs_0\.875rem {
-    font-size: 0.875rem;
-}
-
-  .thread-ui-lh_1\.25rem {
-    line-height: 1.25rem;
-}
-
-  .thread-ui-pos_sticky {
-    position: sticky;
-}
-
-  .thread-ui-z_40 {
-    z-index: 40;
-}
-
-  .thread-ui-cg_20px {
-    column-gap: 20px;
-}
-
-  .thread-ui-jc_space-between {
-    justify-content: space-between;
-}
-
-  .thread-ui-anim-dur_300ms {
-    animation-duration: 300ms;
-}
-
-  .thread-ui-anim-tmf_linear {
-    animation-timing-function: var(--thread-ui-easings-linear);
-}
-
-  .thread-ui-cg_24px {
-    column-gap: 24px;
-}
-
-  .thread-ui-trs-prop_0 {
-    --transition-prop: 0;
-    transition-property: 0;
-}
-
-  .thread-ui-trs-dur_300ms {
-    --transition-duration: 300ms;
-    transition-duration: 300ms;
-}
-
-  .thread-ui-trs-tmf_linear {
-    --transition-easing: var(--thread-ui-easings-linear);
-    transition-timing-function: var(--thread-ui-easings-linear);
-}
-
-  .thread-ui-vis_visible {
-    visibility: visible;
-}
-
-  .thread-ui-op_1 {
-    opacity: 1;
-}
-
-  .thread-ui-trf_translateY\(0\) {
-    transform: translateY(0);
-}
-
-  .thread-ui-trf_translateY\(2\.5rem\) {
-    transform: translateY(2.5rem);
-}
-
-  .thread-ui-op_0 {
-    opacity: 0;
-}
-
-  .thread-ui-vis_hidden {
-    visibility: hidden;
-}
-
-  .thread-ui-jc_flex-center {
-    justify-content: flex-center;
-}
-
-  .thread-ui-ring-o_2px {
-    outline-offset: 2px;
-}
-
-  .thread-ui-bg-c_gray\.dark {
-    background-color: var(--thread-ui-colors-gray-dark);
-}
-
-  .thread-ui-trs-prop_color\,_background-color\,_border-color\,_text-decoration-color\,_fill\,_stroke\,_opacity\,_box-shadow\,_transform\,_filter\,_backdrop-filter {
-    --transition-prop: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-}
-
-  .thread-ui-trs-tmf_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) {
-    --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-  .thread-ui-trf_translate\(0\,_0\.324rem\)_rotate\(45deg\) {
-    transform: translate(0, 0.324rem) rotate(45deg);
-}
-
-  .thread-ui-trf_translate\(0\,_-0\.324rem\)_rotate\(-45deg\) {
-    transform: translate(0, -0.324rem) rotate(-45deg);
-}
-
-  .thread-ui-bg-c_surface {
-    background-color: var(--thread-ui-colors-surface);
-}
-
-  .thread-ui-bx-sh_0_1px_2px_0_rgb\(0_0_0_\/_0\.05\) {
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-}
-
-  .thread-ui-bx-sh_none {
-    box-shadow: none;
-}
-
-  .thread-ui-bg-c_structure {
-    background-color: var(--thread-ui-colors-structure);
-}
-
-  .thread-ui-ai_flex-start {
-    align-items: flex-start;
-}
-
-  .thread-ui-pos_fixed {
-    position: fixed;
-}
-
-  .thread-ui-z_50 {
-    z-index: 50;
-}
-
-  .thread-ui-c_info\.main {
-    color: var(--thread-ui-colors-info-main);
-}
-
-  .thread-ui-fs_xs {
-    font-size: var(--thread-ui-font-sizes-xs);
-}
-
-  .thread-ui-d_none {
-    display: none;
-}
-
-  .thread-ui-jc_normal {
-    justify-content: normal;
-}
-
-  .thread-ui-as_flex-end {
-    align-self: flex-end;
-}
-
-  .thread-ui-obj-f_cover {
-    object-fit: cover;
-}
-
-  .thread-ui-d_grid {
-    display: grid;
-}
-
-  .thread-ui-c_text\.inverted {
-    color: var(--thread-ui-colors-text-inverted);
-}
-
-  .thread-ui-bg-c_primary\.main {
-    background-color: var(--thread-ui-colors-primary-main);
-}
-
-  .thread-ui-c_inherit {
-    color: inherit;
-}
-
-  .thread-ui-flex-sh_0 {
-    flex-shrink: 0;
-}
-
-  .thread-ui-flex-d_row-reverse {
-    flex-direction: row-reverse;
-}
-
-  .thread-ui-li-t_none {
-    list-style-type: none;
-}
-
-  .thread-ui-d_inline-flex {
-    display: inline-flex;
-}
-
-  .thread-ui-fw_500 {
-    font-weight: 500;
-}
-
-  .thread-ui-trf_translateX\(-50\%\) {
-    transform: translateX(-50%);
-}
-
-  .thread-ui-pos_static {
-    position: static;
-}
-
-  .thread-ui-w_100\% {
-    width: 100%;
-}
-
-  .thread-ui-pb_4px {
-    padding-bottom: 4px;
-}
-
-  .thread-ui-mt_1 {
-    margin-top: var(--thread-ui-spacing-1);
-}
-
-  .thread-ui-max-h_60 {
-    max-height: var(--thread-ui-sizes-60);
-}
-
-  .thread-ui-mb_2 {
-    margin-bottom: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-h_11 {
-    height: var(--thread-ui-sizes-11);
-}
-
-  .thread-ui-w_16 {
-    width: var(--thread-ui-sizes-16);
-}
-
-  .thread-ui-w_auto {
-    width: auto;
-}
-
-  .thread-ui-min-h_25 {
-    min-height: 25px;
-}
-
-  .thread-ui-mr_auto {
-    margin-right: auto;
-}
-
-  .thread-ui-ml_auto {
-    margin-left: auto;
-}
-
-  .thread-ui-max-w_none {
-    max-width: none;
-}
-
-  .thread-ui-pr_2rem {
-    padding-right: 2rem;
-}
-
-  .thread-ui-pl_2rem {
-    padding-left: 2rem;
-}
-
-  .thread-ui-pt_2\.5rem {
-    padding-top: 2.5rem;
-}
-
-  .thread-ui-pb_2\.5rem {
-    padding-bottom: 2.5rem;
-}
-
-  .thread-ui-mb_1\.5rem {
-    margin-bottom: 1.5rem;
-}
-
-  .thread-ui-h_auto {
-    height: auto;
-}
-
-  .thread-ui-max-w_1400px {
-    max-width: 1400px;
-}
-
-  .thread-ui-max-w_1280px {
-    max-width: 1280px;
-}
-
-  .thread-ui-mt_8px {
-    margin-top: 8px;
-}
-
-  .thread-ui-mt_36px {
-    margin-top: 36px;
-}
-
-  .thread-ui-w_48px {
-    width: 48px;
-}
-
-  .thread-ui-h_48px {
-    height: 48px;
-}
-
-  .thread-ui-mt_2 {
-    margin-top: var(--thread-ui-spacing-2);
-}
-
-  .thread-ui-h_100\% {
-    height: 100%;
-}
-
-  .thread-ui-mt_0\.75rem {
-    margin-top: 0.75rem;
-}
-
-  .thread-ui-mb_0\.75rem {
-    margin-bottom: 0.75rem;
-}
-
-  .thread-ui-max-h_15rem {
-    max-height: 15rem;
-}
-
-  .thread-ui-w_391px {
-    width: 391px;
-}
-
-  .thread-ui-h_241px {
-    height: 241px;
-}
-
-  .thread-ui-h_83\.333333\% {
-    height: 83.333333%;
-}
-
-  .thread-ui-min-h_100\% {
-    min-height: 100%;
-}
-
-  .thread-ui-min-w_100\% {
-    min-width: 100%;
-}
-
-  .thread-ui-h_16\.666667\% {
-    height: 16.666667%;
-}
-
-  .thread-ui-pr_0\.25rem {
-    padding-right: 0.25rem;
-}
-
-  .thread-ui-w_83\% {
-    width: 83%;
-}
-
-  .thread-ui-max-w_576px {
-    max-width: 576px;
-}
-
-  .thread-ui-max-w_672px {
-    max-width: 672px;
-}
-
-  .thread-ui-max-w_896px {
-    max-width: 896px;
-}
-
-  .thread-ui-max-w_16rem {
-    max-width: 16rem;
-}
-
-  .thread-ui-w_9\/12 {
-    width: 75%;
-}
-
-  .thread-ui-w_10\/12 {
-    width: 83.333333%;
-}
-
-  .thread-ui-max-h_300px {
-    max-height: 300px;
-}
-
-  .thread-ui-ov-y_auto {
-    overflow-y: auto;
-}
-
-  .thread-ui-top_0px {
-    top: 0px;
-}
-
-  .thread-ui-h_80px {
-    height: 80px;
-}
-
-  .thread-ui-bd-b-w_1px {
-    border-bottom-width: 1px;
-}
-
-  .thread-ui-bd-b-c_structure {
-    border-bottom-color: var(--thread-ui-colors-structure);
-}
-
-  .thread-ui-pr_32px {
-    padding-right: 32px;
-}
-
-  .thread-ui-pl_32px {
-    padding-left: 32px;
-}
-
-  .thread-ui-top_100\% {
-    top: 100%;
-}
-
-  .thread-ui-left_0px {
-    left: 0px;
-}
-
-  .thread-ui-pt_32px {
-    padding-top: 32px;
-}
-
-  .thread-ui-pb_32px {
-    padding-bottom: 32px;
-}
-
-  .thread-ui-pl_20px {
-    padding-left: 20px;
-}
-
-  .thread-ui-pr_20px {
-    padding-right: 20px;
-}
-
-  .thread-ui-bd-l-w_1px {
-    border-left-width: 1px;
-}
-
-  .thread-ui-bd-l-c_gray\.main {
-    border-left-color: var(--thread-ui-colors-gray-main);
-}
-
-  .thread-ui-pl_12px {
-    padding-left: 12px;
-}
-
-  .thread-ui-pt_12px {
-    padding-top: 12px;
-}
-
-  .thread-ui-pb_12px {
-    padding-bottom: 12px;
-}
-
-  .thread-ui-h_2px {
-    height: 2px;
-}
-
-  .thread-ui-w_24px {
-    width: 24px;
-}
-
-  .thread-ui-w_16px {
-    width: 16px;
-}
-
-  .thread-ui-mr_32px {
-    margin-right: 32px;
-}
-
-  .thread-ui-max-w_850px {
-    max-width: 850px;
-}
-
-  .thread-ui-max-w_600px {
-    max-width: 600px;
-}
-
-  .thread-ui-mb_1 {
-    margin-bottom: var(--thread-ui-spacing-1);
-}
-
-  .thread-ui-mb_3 {
-    margin-bottom: var(--thread-ui-spacing-3);
-}
-
-  .thread-ui-h_0\.5px {
-    height: 0.5px;
-}
-
-  .thread-ui-h_1px {
-    height: 1px;
-}
-
-  .thread-ui-w_75\% {
-    width: 75%;
-}
-
-  .thread-ui-pt_10 {
-    padding-top: var(--thread-ui-spacing-10);
-}
-
-  .thread-ui-pt_0 {
-    padding-top: var(--thread-ui-spacing-0);
-}
-
-  .thread-ui-max-h_6rem {
-    max-height: 6rem;
-}
-
-  .thread-ui-max-w_6rem {
-    max-width: 6rem;
-}
-
-  .thread-ui-max-w_100\% {
-    max-width: 100%;
-}
-
-  .thread-ui-min-h_4 {
-    min-height: var(--thread-ui-sizes-4);
-}
-
-  .thread-ui-w_fit-content {
-    width: fit-content;
-}
-
-  .thread-ui-w_calc\(100\%_\+_32px\) {
-    width: calc(100% + 32px);
-}
-
-  .thread-ui-h_0px {
-    height: 0px;
-}
-
-  .thread-ui-left_50\% {
-    left: 50%;
-}
-
-  .thread-ui-bottom_-0px {
-    bottom: -0px;
-}
-
-  .thread-ui-w_100vw {
-    width: 100vw;
-}
-
-  .\[\&\:\:-webkit-outer-spin-button\]\:thread-ui-ap_none::-webkit-outer-spin-button,.\[\&\:\:-webkit-inner-spin-button\]\:thread-ui-ap_none::-webkit-inner-spin-button {
-    appearance: none;
-    -webkit-appearance: none;
-}
-
-  .dark .dark\:thread-ui-bg-c_surface {
-    background-color: var(--thread-ui-colors-surface);
-}
-
-  .focus\:thread-ui-ring_none:is(:focus, [data-focus]) {
-    outline: var(--thread-ui-borders-none);
-}
-
-  .focus\:thread-ui-bd-c_blue\.500:is(:focus, [data-focus]) {
-    border-color: var(--thread-ui-colors-blue-500);
-}
-
-  .focus\:thread-ui-bd-c_transparent:is(:focus, [data-focus]) {
-    border-color: var(--thread-ui-colors-transparent);
-}
-
-  .focus\:thread-ui-ring-c_gray\.100:is(:focus, [data-focus]) {
-    outline-color: var(--thread-ui-colors-gray-100);
-}
-
-  .focus\:thread-ui-ring-c_blue\.500:is(:focus, [data-focus]) {
-    outline-color: var(--thread-ui-colors-blue-500);
-}
-
-  .focus\:thread-ui-bx-sh_0_0_0_2px_\{colors\.blue\.500\}:is(:focus, [data-focus]) {
-    box-shadow: 0 0 0 2px var(--thread-ui-colors-blue-500);
-}
-
-  .hover\:thread-ui-bd-c_primary\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-primary-main);
-}
-
-  .hover\:thread-ui-bd-c_secondary\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-secondary-main);
-}
-
-  .hover\:thread-ui-bd-c_tertiary\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-tertiary-main);
-}
-
-  .hover\:thread-ui-bd-c_gray\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-gray-main);
-}
-
-  .hover\:thread-ui-bd-c_success\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-success-main);
-}
-
-  .hover\:thread-ui-bd-c_error\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-error-main);
-}
-
-  .hover\:thread-ui-bd-c_info\.main:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-info-main);
-}
-
-  .hover\:thread-ui-bd-c_text\.standard:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-text-standard);
-}
-
-  .hover\:thread-ui-bd-c_white:is(:hover, [data-hover]) {
-    border-color: var(--thread-ui-colors-white);
-}
-
-  .hover\:thread-ui-td_underline:is(:hover, [data-hover]) {
-    text-decoration: underline;
-}
-
-  .hover\:thread-ui-bg-c_primary\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-primary-main);
-}
-
-  .hover\:thread-ui-c_background:is(:hover, [data-hover]) {
-    color: var(--thread-ui-colors-background);
-}
-
-  .hover\:thread-ui-bg-c_secondary\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-secondary-main);
-}
-
-  .hover\:thread-ui-bg-c_tertiary\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-tertiary-main);
-}
-
-  .hover\:thread-ui-bg-c_gray\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-gray-main);
-}
-
-  .hover\:thread-ui-bg-c_success\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-success-main);
-}
-
-  .hover\:thread-ui-bg-c_error\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-error-main);
-}
-
-  .hover\:thread-ui-bg-c_info\.main:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-info-main);
-}
-
-  .hover\:thread-ui-bg-c_text\.standard:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-text-standard);
-}
-
-  .hover\:thread-ui-bg-c_black:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-black);
-}
-
-  .hover\:thread-ui-bg-c_surface:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-surface);
-}
-
-  .hover\:thread-ui-bg-c_gray\.100:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-gray-100);
-}
-
-  .hover\:thread-ui-c_primary\.main:is(:hover, [data-hover]) {
-    color: var(--thread-ui-colors-primary-main);
-}
-
-  .hover\:thread-ui-bg-c_primary\.light:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-primary-light);
-}
-
-  .hover\:thread-ui-c_text\.inverted:is(:hover, [data-hover]) {
-    color: var(--thread-ui-colors-text-inverted);
-}
-
-  .hover\:thread-ui-bg-c_elevated:is(:hover, [data-hover]) {
-    background-color: var(--thread-ui-colors-elevated);
-}
-
-  @media screen and (min-width: 40rem) {
-    .sm\:thread-ui-pos_static {
-      position: static;
-}
-    .sm\:thread-ui-h_auto {
-      height: auto;
-}
-}
-
-  @media screen and (min-width: 48rem) {
-    .thread-ui-hide_md {
-      display: none;
-}
-    .md\:thread-ui-mx_auto {
-      margin-inline: auto;
-}
-    .md\:thread-ui-px_8px {
-      padding-inline: 8px;
-}
-    .md\:thread-ui-column-count_3 {
-      column-count: 3;
-}
-    .md\:thread-ui-d_none\! {
-      display: none !important;
-}
-    .md\:thread-ui-d_block\! {
-      display: block !important;
-}
-    .md\:thread-ui-trs-prop_none {
-      --transition-prop: none;
-      transition-property: none;
-}
-    .md\:thread-ui-jc_space-between {
-      justify-content: space-between;
-}
-    .md\:thread-ui-grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-    .md\:thread-ui-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-    .md\:thread-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-    .md\:thread-ui-max-w_var\(--max-width\,_none\) {
-      max-width: var(--max-width, none);
-}
-    .md\:thread-ui-pt_2rem {
-      padding-top: 2rem;
-}
-    .md\:thread-ui-pb_2rem {
-      padding-bottom: 2rem;
-}
-    .md\:thread-ui-max-w_800px {
-      max-width: 800px;
-}
-    .md\:thread-ui-max-h_none {
-      max-height: none;
-}
-    .md\:thread-ui-ov-y_visible {
-      overflow-y: visible;
-}
-    .md\:thread-ui-pl_48px {
-      padding-left: 48px;
-}
-    .md\:thread-ui-pr_48px {
-      padding-right: 48px;
-}
-    .md\:thread-ui-w_50\% {
-      width: 50%;
-}
-    .md\:thread-ui-w_75\% {
-      width: 75%;
-}
-    .md\:thread-ui-max-w_480px {
-      max-width: 480px;
-}
-    .md\:thread-ui-max-w_560px {
-      max-width: 560px;
-}
-    .md\:thread-ui-max-w_720px {
-      max-width: 720px;
-}
-}
-
-  @media screen and (min-width: 64rem) {
-    .lg\:thread-ui-p_6 {
-      padding: var(--thread-ui-spacing-6);
-}
-    .lg\:thread-ui-flex_none {
-      flex: none;
-}
-    .lg\:thread-ui-gap_20px {
-      gap: 20px;
-}
-    .lg\:thread-ui-gap_0\.75rem {
-      gap: 0.75rem;
-}
-    .lg\:thread-ui-border-style_none {
-      border-style: none;
-}
-    .lg\:thread-ui-gap_6 {
-      gap: var(--thread-ui-spacing-6);
-}
-    .lg\:thread-ui-column-count_4 {
-      column-count: 4;
-}
-    .lg\:thread-ui-flex-d_row-reverse {
-      flex-direction: row-reverse;
-}
-    .lg\:thread-ui-flex-d_row {
-      flex-direction: row;
-}
-    .lg\:thread-ui-d_none {
-      display: none;
-}
-    .lg\:thread-ui-flex-d_column-reverse {
-      flex-direction: column-reverse;
-}
-    .lg\:thread-ui-jc_flex-start {
-      justify-content: flex-start;
-}
-    .lg\:thread-ui-pos_relative {
-      position: relative;
-}
-    .lg\:thread-ui-bg-c_transparent {
-      background-color: var(--thread-ui-colors-transparent);
-}
-    .lg\:thread-ui-d_flex {
-      display: flex;
-}
-    .lg\:thread-ui-trf_translateY\(0\) {
-      transform: translateY(0);
-}
-    .lg\:thread-ui-op_1 {
-      opacity: 1;
-}
-    .lg\:thread-ui-vis_visible {
-      visibility: visible;
-}
-    .lg\:thread-ui-ai_center {
-      align-items: center;
-}
-    .lg\:thread-ui-jc_center {
-      justify-content: center;
-}
-    .lg\:thread-ui-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-    .lg\:thread-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-    .lg\:thread-ui-grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-    .lg\:thread-ui-grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-    .lg\:thread-ui-grid-tc_repeat\(6\,_minmax\(0\,_1fr\)\) {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-    .lg\:thread-ui-d_block {
-      display: block;
-}
-    .lg\:thread-ui-pos_absolute {
-      position: absolute;
-}
-    .lg\:thread-ui-trf_translateX\(-50\%\) {
-      transform: translateX(-50%);
-}
-    .lg\:thread-ui-max-w_none {
-      max-width: none;
-}
-    .lg\:thread-ui-pt_1\.5rem {
-      padding-top: 1.5rem;
-}
-    .lg\:thread-ui-pb_1\.5rem {
-      padding-bottom: 1.5rem;
-}
-    .lg\:thread-ui-w_66\.666667\% {
-      width: 66.666667%;
-}
-    .lg\:thread-ui-w_41\.666667\% {
-      width: 41.666667%;
-}
-    .lg\:thread-ui-max-w_1400px {
-      max-width: 1400px;
-}
-    .lg\:thread-ui-w_4\/12 {
-      width: 33.333333%;
-}
-    .lg\:thread-ui-mt_0\.75rem {
-      margin-top: 0.75rem;
-}
-    .lg\:thread-ui-w_7\/12 {
-      width: 58.333333%;
-}
-    .lg\:thread-ui-max-h_500px {
-      max-height: 500px;
-}
-    .lg\:thread-ui-ov-y_scroll {
-      overflow-y: scroll;
-}
-    .lg\:thread-ui-top_0px {
-      top: 0px;
-}
-    .lg\:thread-ui-pt_0px {
-      padding-top: 0px;
-}
-    .lg\:thread-ui-pb_0px {
-      padding-bottom: 0px;
-}
-    .lg\:thread-ui-pl_0px {
-      padding-left: 0px;
-}
-    .lg\:thread-ui-pr_0px {
-      padding-right: 0px;
-}
-    .lg\:thread-ui-w_max-content {
-      width: max-content;
-}
-    .lg\:thread-ui-w_100\% {
-      width: 100%;
-}
-    .lg\:thread-ui-w_175px {
-      width: 175px;
-}
-    .lg\:thread-ui-w_95\% {
-      width: 95%;
-}
-    .lg\:thread-ui-h_2\.5rem {
-      height: 2.5rem;
-}
-    .lg\:thread-ui-w_fit-content {
-      width: fit-content;
-}
-    .lg\:thread-ui-h_30px {
-      height: 30px;
-}
-    .lg\:thread-ui-bottom_-30px {
-      bottom: -30px;
-}
-    .lg\:thread-ui-top_calc\(100\%_\+_30px\) {
-      top: calc(100% + 30px);
-}
-    .lg\:thread-ui-left_50\% {
-      left: 50%;
-}
-}
-
-  @media screen and (max-width: 47.9975rem) {
-    .thread-ui-show_md {
-      display: none;
-}
-}
-}
+@layer thread-reset, thread-base, thread-tokens, thread-recipes, thread-utilities;@layer thread-reset{:host,html{--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,::backdrop,::file-selector-button,:after,:before{margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:var(--global-color-border,currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}menu,ol,ul{list-style:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button;-webkit-appearance:button}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;background:var(--thread-ui-colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback:rgba(0,0,0,0.5);opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback:color-mix(in oklab,currentcolor 50%,transparent)}}::selection{background-color:var(--global-color-selection,rgba(0,115,255,0.3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}dialog{padding:0px}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-family:var(--global-font-mono,var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer thread-base{:root{--made-with-panda:'🐼'}*,::backdrop,:after,:before{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer thread-tokens{:where(:root,:host){--thread-ui-aspect-ratios-square:1/1;--thread-ui-aspect-ratios-landscape:4/3;--thread-ui-aspect-ratios-portrait:3/4;--thread-ui-aspect-ratios-wide:16/9;--thread-ui-aspect-ratios-ultrawide:18/5;--thread-ui-aspect-ratios-golden:1.618/1;--thread-ui-borders-none:none;--thread-ui-easings-default:cubic-bezier(0.4,0,0.2,1);--thread-ui-easings-linear:linear;--thread-ui-easings-in:cubic-bezier(0.4,0,1,1);--thread-ui-easings-out:cubic-bezier(0,0,0.2,1);--thread-ui-easings-in-out:cubic-bezier(0.4,0,0.2,1);--thread-ui-durations-fastest:50ms;--thread-ui-durations-faster:100ms;--thread-ui-durations-fast:150ms;--thread-ui-durations-normal:200ms;--thread-ui-durations-slow:300ms;--thread-ui-durations-slower:400ms;--thread-ui-durations-slowest:500ms;--thread-ui-font-weights-thin:100;--thread-ui-font-weights-extralight:200;--thread-ui-font-weights-light:300;--thread-ui-font-weights-normal:400;--thread-ui-font-weights-medium:500;--thread-ui-font-weights-semibold:600;--thread-ui-font-weights-bold:700;--thread-ui-font-weights-extrabold:800;--thread-ui-font-weights-black:900;--thread-ui-line-heights-none:1;--thread-ui-line-heights-tight:1.25;--thread-ui-line-heights-snug:1.375;--thread-ui-line-heights-normal:1.5;--thread-ui-line-heights-relaxed:1.625;--thread-ui-line-heights-loose:2;--thread-ui-fonts-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--thread-ui-fonts-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--thread-ui-fonts-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--thread-ui-letter-spacings-tighter:-0.05em;--thread-ui-letter-spacings-tight:-0.025em;--thread-ui-letter-spacings-normal:0em;--thread-ui-letter-spacings-wide:0.025em;--thread-ui-letter-spacings-wider:0.05em;--thread-ui-letter-spacings-widest:0.1em;--thread-ui-font-sizes-2xs:0.5rem;--thread-ui-font-sizes-xs:0.75rem;--thread-ui-font-sizes-sm:0.875rem;--thread-ui-font-sizes-md:1rem;--thread-ui-font-sizes-lg:1.125rem;--thread-ui-font-sizes-xl:1.25rem;--thread-ui-font-sizes-2xl:1.5rem;--thread-ui-font-sizes-3xl:1.875rem;--thread-ui-font-sizes-4xl:2.25rem;--thread-ui-font-sizes-5xl:3rem;--thread-ui-font-sizes-6xl:3.75rem;--thread-ui-font-sizes-7xl:4.5rem;--thread-ui-font-sizes-8xl:6rem;--thread-ui-font-sizes-9xl:8rem;--thread-ui-shadows-2xs:0 1px rgb(0 0 0/0.05);--thread-ui-shadows-xs:0 1px 2px 0 rgb(0 0 0/0.05);--thread-ui-shadows-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--thread-ui-shadows-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--thread-ui-shadows-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--thread-ui-shadows-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--thread-ui-shadows-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--thread-ui-shadows-inset-2xs:inset 0 1px rgb(0 0 0/0.05);--thread-ui-shadows-inset-xs:inset 0 1px 1px rgb(0 0 0/0.05);--thread-ui-shadows-inset-sm:inset 0 2px 4px rgb(0 0 0/0.05);--thread-ui-blurs-xs:4px;--thread-ui-blurs-sm:8px;--thread-ui-blurs-md:12px;--thread-ui-blurs-lg:16px;--thread-ui-blurs-xl:24px;--thread-ui-blurs-2xl:40px;--thread-ui-blurs-3xl:64px;--thread-ui-spacing-0:0rem;--thread-ui-spacing-1:0.25rem;--thread-ui-spacing-2:0.5rem;--thread-ui-spacing-3:0.75rem;--thread-ui-spacing-4:1rem;--thread-ui-spacing-5:1.25rem;--thread-ui-spacing-6:1.5rem;--thread-ui-spacing-7:1.75rem;--thread-ui-spacing-8:2rem;--thread-ui-spacing-9:2.25rem;--thread-ui-spacing-10:2.5rem;--thread-ui-spacing-11:2.75rem;--thread-ui-spacing-12:3rem;--thread-ui-spacing-14:3.5rem;--thread-ui-spacing-16:4rem;--thread-ui-spacing-20:5rem;--thread-ui-spacing-24:6rem;--thread-ui-spacing-28:7rem;--thread-ui-spacing-32:8rem;--thread-ui-spacing-36:9rem;--thread-ui-spacing-40:10rem;--thread-ui-spacing-44:11rem;--thread-ui-spacing-48:12rem;--thread-ui-spacing-52:13rem;--thread-ui-spacing-56:14rem;--thread-ui-spacing-60:15rem;--thread-ui-spacing-64:16rem;--thread-ui-spacing-72:18rem;--thread-ui-spacing-80:20rem;--thread-ui-spacing-96:24rem;--thread-ui-spacing-0\.5:0.125rem;--thread-ui-spacing-1\.5:0.375rem;--thread-ui-spacing-2\.5:0.625rem;--thread-ui-spacing-3\.5:0.875rem;--thread-ui-spacing-4\.5:1.125rem;--thread-ui-spacing-5\.5:1.375rem;--thread-ui-sizes-0:0rem;--thread-ui-sizes-1:0.25rem;--thread-ui-sizes-2:0.5rem;--thread-ui-sizes-3:0.75rem;--thread-ui-sizes-4:1rem;--thread-ui-sizes-5:1.25rem;--thread-ui-sizes-6:1.5rem;--thread-ui-sizes-7:1.75rem;--thread-ui-sizes-8:2rem;--thread-ui-sizes-9:2.25rem;--thread-ui-sizes-10:2.5rem;--thread-ui-sizes-11:2.75rem;--thread-ui-sizes-12:3rem;--thread-ui-sizes-14:3.5rem;--thread-ui-sizes-16:4rem;--thread-ui-sizes-20:5rem;--thread-ui-sizes-24:6rem;--thread-ui-sizes-28:7rem;--thread-ui-sizes-32:8rem;--thread-ui-sizes-36:9rem;--thread-ui-sizes-40:10rem;--thread-ui-sizes-44:11rem;--thread-ui-sizes-48:12rem;--thread-ui-sizes-52:13rem;--thread-ui-sizes-56:14rem;--thread-ui-sizes-60:15rem;--thread-ui-sizes-64:16rem;--thread-ui-sizes-72:18rem;--thread-ui-sizes-80:20rem;--thread-ui-sizes-96:24rem;--thread-ui-sizes-0\.5:0.125rem;--thread-ui-sizes-1\.5:0.375rem;--thread-ui-sizes-2\.5:0.625rem;--thread-ui-sizes-3\.5:0.875rem;--thread-ui-sizes-4\.5:1.125rem;--thread-ui-sizes-5\.5:1.375rem;--thread-ui-sizes-xs:20rem;--thread-ui-sizes-sm:24rem;--thread-ui-sizes-md:28rem;--thread-ui-sizes-lg:32rem;--thread-ui-sizes-xl:36rem;--thread-ui-sizes-2xl:42rem;--thread-ui-sizes-3xl:48rem;--thread-ui-sizes-4xl:56rem;--thread-ui-sizes-5xl:64rem;--thread-ui-sizes-6xl:72rem;--thread-ui-sizes-7xl:80rem;--thread-ui-sizes-8xl:90rem;--thread-ui-sizes-prose:65ch;--thread-ui-sizes-full:100%;--thread-ui-sizes-min:min-content;--thread-ui-sizes-max:max-content;--thread-ui-sizes-fit:fit-content;--thread-ui-sizes-breakpoint-sm:640px;--thread-ui-sizes-breakpoint-md:768px;--thread-ui-sizes-breakpoint-lg:1024px;--thread-ui-sizes-breakpoint-xl:1280px;--thread-ui-sizes-breakpoint-2xl:1536px;--thread-ui-animations-spin:spin 1s linear infinite;--thread-ui-animations-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--thread-ui-animations-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--thread-ui-animations-bounce:bounce 1s infinite;--thread-ui-colors-current:currentColor;--thread-ui-colors-transparent:rgb(0 0 0/0);--thread-ui-colors-rose-50:#fff1f2;--thread-ui-colors-rose-100:#ffe4e6;--thread-ui-colors-rose-200:#fecdd3;--thread-ui-colors-rose-300:#fda4af;--thread-ui-colors-rose-400:#fb7185;--thread-ui-colors-rose-500:#f43f5e;--thread-ui-colors-rose-600:#e11d48;--thread-ui-colors-rose-700:#be123c;--thread-ui-colors-rose-800:#9f1239;--thread-ui-colors-rose-900:#881337;--thread-ui-colors-rose-950:#4c0519;--thread-ui-colors-pink-50:#fdf2f8;--thread-ui-colors-pink-100:#fce7f3;--thread-ui-colors-pink-200:#fbcfe8;--thread-ui-colors-pink-300:#f9a8d4;--thread-ui-colors-pink-400:#f472b6;--thread-ui-colors-pink-500:#ec4899;--thread-ui-colors-pink-600:#db2777;--thread-ui-colors-pink-700:#be185d;--thread-ui-colors-pink-800:#9d174d;--thread-ui-colors-pink-900:#831843;--thread-ui-colors-pink-950:#500724;--thread-ui-colors-fuchsia-50:#fdf4ff;--thread-ui-colors-fuchsia-100:#fae8ff;--thread-ui-colors-fuchsia-200:#f5d0fe;--thread-ui-colors-fuchsia-300:#f0abfc;--thread-ui-colors-fuchsia-400:#e879f9;--thread-ui-colors-fuchsia-500:#d946ef;--thread-ui-colors-fuchsia-600:#c026d3;--thread-ui-colors-fuchsia-700:#a21caf;--thread-ui-colors-fuchsia-800:#86198f;--thread-ui-colors-fuchsia-900:#701a75;--thread-ui-colors-fuchsia-950:#4a044e;--thread-ui-colors-purple-50:#faf5ff;--thread-ui-colors-purple-100:#f3e8ff;--thread-ui-colors-purple-200:#e9d5ff;--thread-ui-colors-purple-300:#d8b4fe;--thread-ui-colors-purple-400:#c084fc;--thread-ui-colors-purple-500:#a855f7;--thread-ui-colors-purple-600:#9333ea;--thread-ui-colors-purple-700:#7e22ce;--thread-ui-colors-purple-800:#6b21a8;--thread-ui-colors-purple-900:#581c87;--thread-ui-colors-purple-950:#3b0764;--thread-ui-colors-violet-50:#f5f3ff;--thread-ui-colors-violet-100:#ede9fe;--thread-ui-colors-violet-200:#ddd6fe;--thread-ui-colors-violet-300:#c4b5fd;--thread-ui-colors-violet-400:#a78bfa;--thread-ui-colors-violet-500:#8b5cf6;--thread-ui-colors-violet-600:#7c3aed;--thread-ui-colors-violet-700:#6d28d9;--thread-ui-colors-violet-800:#5b21b6;--thread-ui-colors-violet-900:#4c1d95;--thread-ui-colors-violet-950:#2e1065;--thread-ui-colors-indigo-50:#eef2ff;--thread-ui-colors-indigo-100:#e0e7ff;--thread-ui-colors-indigo-200:#c7d2fe;--thread-ui-colors-indigo-300:#a5b4fc;--thread-ui-colors-indigo-400:#818cf8;--thread-ui-colors-indigo-500:#6366f1;--thread-ui-colors-indigo-600:#4f46e5;--thread-ui-colors-indigo-700:#4338ca;--thread-ui-colors-indigo-800:#3730a3;--thread-ui-colors-indigo-900:#312e81;--thread-ui-colors-indigo-950:#1e1b4b;--thread-ui-colors-blue-50:#eff6ff;--thread-ui-colors-blue-100:#dbeafe;--thread-ui-colors-blue-200:#bfdbfe;--thread-ui-colors-blue-300:#93c5fd;--thread-ui-colors-blue-400:#60a5fa;--thread-ui-colors-blue-500:#3b82f6;--thread-ui-colors-blue-600:#2563eb;--thread-ui-colors-blue-700:#1d4ed8;--thread-ui-colors-blue-800:#1e40af;--thread-ui-colors-blue-900:#1e3a8a;--thread-ui-colors-blue-950:#172554;--thread-ui-colors-sky-50:#f0f9ff;--thread-ui-colors-sky-100:#e0f2fe;--thread-ui-colors-sky-200:#bae6fd;--thread-ui-colors-sky-300:#7dd3fc;--thread-ui-colors-sky-400:#38bdf8;--thread-ui-colors-sky-500:#0ea5e9;--thread-ui-colors-sky-600:#0284c7;--thread-ui-colors-sky-700:#0369a1;--thread-ui-colors-sky-800:#075985;--thread-ui-colors-sky-900:#0c4a6e;--thread-ui-colors-sky-950:#082f49;--thread-ui-colors-cyan-50:#ecfeff;--thread-ui-colors-cyan-100:#cffafe;--thread-ui-colors-cyan-200:#a5f3fc;--thread-ui-colors-cyan-300:#67e8f9;--thread-ui-colors-cyan-400:#22d3ee;--thread-ui-colors-cyan-500:#06b6d4;--thread-ui-colors-cyan-600:#0891b2;--thread-ui-colors-cyan-700:#0e7490;--thread-ui-colors-cyan-800:#155e75;--thread-ui-colors-cyan-900:#164e63;--thread-ui-colors-cyan-950:#083344;--thread-ui-colors-teal-50:#f0fdfa;--thread-ui-colors-teal-100:#ccfbf1;--thread-ui-colors-teal-200:#99f6e4;--thread-ui-colors-teal-300:#5eead4;--thread-ui-colors-teal-400:#2dd4bf;--thread-ui-colors-teal-500:#14b8a6;--thread-ui-colors-teal-600:#0d9488;--thread-ui-colors-teal-700:#0f766e;--thread-ui-colors-teal-800:#115e59;--thread-ui-colors-teal-900:#134e4a;--thread-ui-colors-teal-950:#042f2e;--thread-ui-colors-emerald-50:#ecfdf5;--thread-ui-colors-emerald-100:#d1fae5;--thread-ui-colors-emerald-200:#a7f3d0;--thread-ui-colors-emerald-300:#6ee7b7;--thread-ui-colors-emerald-400:#34d399;--thread-ui-colors-emerald-500:#10b981;--thread-ui-colors-emerald-600:#059669;--thread-ui-colors-emerald-700:#047857;--thread-ui-colors-emerald-800:#065f46;--thread-ui-colors-emerald-900:#064e3b;--thread-ui-colors-emerald-950:#022c22;--thread-ui-colors-green-50:#f0fdf4;--thread-ui-colors-green-100:#dcfce7;--thread-ui-colors-green-200:#bbf7d0;--thread-ui-colors-green-300:#86efac;--thread-ui-colors-green-400:#4ade80;--thread-ui-colors-green-500:#22c55e;--thread-ui-colors-green-600:#16a34a;--thread-ui-colors-green-700:#15803d;--thread-ui-colors-green-800:#166534;--thread-ui-colors-green-900:#14532d;--thread-ui-colors-green-950:#052e16;--thread-ui-colors-lime-50:#f7fee7;--thread-ui-colors-lime-100:#ecfccb;--thread-ui-colors-lime-200:#d9f99d;--thread-ui-colors-lime-300:#bef264;--thread-ui-colors-lime-400:#a3e635;--thread-ui-colors-lime-500:#84cc16;--thread-ui-colors-lime-600:#65a30d;--thread-ui-colors-lime-700:#4d7c0f;--thread-ui-colors-lime-800:#3f6212;--thread-ui-colors-lime-900:#365314;--thread-ui-colors-lime-950:#1a2e05;--thread-ui-colors-yellow-50:#fefce8;--thread-ui-colors-yellow-100:#fef9c3;--thread-ui-colors-yellow-200:#fef08a;--thread-ui-colors-yellow-300:#fde047;--thread-ui-colors-yellow-400:#facc15;--thread-ui-colors-yellow-500:#eab308;--thread-ui-colors-yellow-600:#ca8a04;--thread-ui-colors-yellow-700:#a16207;--thread-ui-colors-yellow-800:#854d0e;--thread-ui-colors-yellow-900:#713f12;--thread-ui-colors-yellow-950:#422006;--thread-ui-colors-amber-50:#fffbeb;--thread-ui-colors-amber-100:#fef3c7;--thread-ui-colors-amber-200:#fde68a;--thread-ui-colors-amber-300:#fcd34d;--thread-ui-colors-amber-400:#fbbf24;--thread-ui-colors-amber-500:#f59e0b;--thread-ui-colors-amber-600:#d97706;--thread-ui-colors-amber-700:#b45309;--thread-ui-colors-amber-800:#92400e;--thread-ui-colors-amber-900:#78350f;--thread-ui-colors-amber-950:#451a03;--thread-ui-colors-orange-50:#fff7ed;--thread-ui-colors-orange-100:#ffedd5;--thread-ui-colors-orange-200:#fed7aa;--thread-ui-colors-orange-300:#fdba74;--thread-ui-colors-orange-400:#fb923c;--thread-ui-colors-orange-500:#f97316;--thread-ui-colors-orange-600:#ea580c;--thread-ui-colors-orange-700:#c2410c;--thread-ui-colors-orange-800:#9a3412;--thread-ui-colors-orange-900:#7c2d12;--thread-ui-colors-orange-950:#431407;--thread-ui-colors-red-50:#fef2f2;--thread-ui-colors-red-100:#fee2e2;--thread-ui-colors-red-200:#fecaca;--thread-ui-colors-red-300:#fca5a5;--thread-ui-colors-red-400:#f87171;--thread-ui-colors-red-500:#ef4444;--thread-ui-colors-red-600:#dc2626;--thread-ui-colors-red-700:#b91c1c;--thread-ui-colors-red-800:#991b1b;--thread-ui-colors-red-900:#7f1d1d;--thread-ui-colors-red-950:#450a0a;--thread-ui-colors-neutral-50:#fafafa;--thread-ui-colors-neutral-100:#f5f5f5;--thread-ui-colors-neutral-200:#e5e5e5;--thread-ui-colors-neutral-300:#d4d4d4;--thread-ui-colors-neutral-400:#a3a3a3;--thread-ui-colors-neutral-500:#737373;--thread-ui-colors-neutral-600:#525252;--thread-ui-colors-neutral-700:#404040;--thread-ui-colors-neutral-800:#262626;--thread-ui-colors-neutral-900:#171717;--thread-ui-colors-neutral-950:#0a0a0a;--thread-ui-colors-stone-50:#fafaf9;--thread-ui-colors-stone-100:#f5f5f4;--thread-ui-colors-stone-200:#e7e5e4;--thread-ui-colors-stone-300:#d6d3d1;--thread-ui-colors-stone-400:#a8a29e;--thread-ui-colors-stone-500:#78716c;--thread-ui-colors-stone-600:#57534e;--thread-ui-colors-stone-700:#44403c;--thread-ui-colors-stone-800:#292524;--thread-ui-colors-stone-900:#1c1917;--thread-ui-colors-stone-950:#0c0a09;--thread-ui-colors-zinc-50:#fafafa;--thread-ui-colors-zinc-100:#f4f4f5;--thread-ui-colors-zinc-200:#e4e4e7;--thread-ui-colors-zinc-300:#d4d4d8;--thread-ui-colors-zinc-400:#a1a1aa;--thread-ui-colors-zinc-500:#71717a;--thread-ui-colors-zinc-600:#52525b;--thread-ui-colors-zinc-700:#3f3f46;--thread-ui-colors-zinc-800:#27272a;--thread-ui-colors-zinc-900:#18181b;--thread-ui-colors-zinc-950:#09090b;--thread-ui-colors-slate-50:#f8fafc;--thread-ui-colors-slate-100:#f1f5f9;--thread-ui-colors-slate-200:#e2e8f0;--thread-ui-colors-slate-300:#cbd5e1;--thread-ui-colors-slate-400:#94a3b8;--thread-ui-colors-slate-500:#64748b;--thread-ui-colors-slate-600:#475569;--thread-ui-colors-slate-700:#334155;--thread-ui-colors-slate-800:#1e293b;--thread-ui-colors-slate-900:#0f172a;--thread-ui-colors-slate-950:#020617;--thread-ui-colors-primary-light:var(--thread-primary-light);--thread-ui-colors-primary-main:var(--thread-primary-main);--thread-ui-colors-primary-dark:var(--thread-primary-dark);--thread-ui-colors-secondary-light:var(--thread-secondary-light);--thread-ui-colors-secondary-main:var(--thread-secondary-main);--thread-ui-colors-secondary-dark:var(--thread-secondary-dark);--thread-ui-colors-tertiary-light:var(--thread-tertiary-light);--thread-ui-colors-tertiary-main:var(--thread-tertiary-main);--thread-ui-colors-tertiary-dark:var(--thread-tertiary-dark);--thread-ui-colors-white:var(--thread-white);--thread-ui-colors-black:var(--thread-black);--thread-ui-colors-gray-50:#f9fafb;--thread-ui-colors-gray-100:#f3f4f6;--thread-ui-colors-gray-200:#e5e7eb;--thread-ui-colors-gray-300:#d1d5db;--thread-ui-colors-gray-400:#9ca3af;--thread-ui-colors-gray-500:#6b7280;--thread-ui-colors-gray-600:#4b5563;--thread-ui-colors-gray-700:#374151;--thread-ui-colors-gray-800:#1f2937;--thread-ui-colors-gray-900:#111827;--thread-ui-colors-gray-950:#030712;--thread-ui-colors-gray-light:var(--thread-gray-light);--thread-ui-colors-gray-main:var(--thread-gray-main);--thread-ui-colors-gray-dark:var(--thread-gray-dark);--thread-ui-colors-success-light:var(--thread-success-light);--thread-ui-colors-success-main:var(--thread-success-main);--thread-ui-colors-success-dark:var(--thread-success-dark);--thread-ui-colors-warning-light:var(--thread-warning-light);--thread-ui-colors-warning-main:var(--thread-warning-main);--thread-ui-colors-warning-dark:var(--thread-warning-dark);--thread-ui-colors-error-light:var(--thread-error-light);--thread-ui-colors-error-main:var(--thread-error-main);--thread-ui-colors-error-dark:var(--thread-error-dark);--thread-ui-colors-info-light:var(--thread-info-light);--thread-ui-colors-info-main:var(--thread-info-main);--thread-ui-colors-info-dark:var(--thread-info-dark);--thread-ui-radii-xs:0.125rem;--thread-ui-radii-xl:0.75rem;--thread-ui-radii-2xl:1rem;--thread-ui-radii-3xl:1.5rem;--thread-ui-radii-4xl:2rem;--thread-ui-radii-full:9999px;--thread-ui-radii-sm:var(--thread-border-radius-sm);--thread-ui-radii-md:var(--thread-border-radius-md);--thread-ui-radii-lg:var(--thread-border-radius-lg);--thread-ui-border-widths-sm:var(--thread-border-size-sm);--thread-ui-border-widths-md:var(--thread-border-size-md);--thread-ui-border-widths-lg:var(--thread-border-size-lg);--thread-ui-breakpoints-sm:640px;--thread-ui-breakpoints-md:768px;--thread-ui-breakpoints-lg:1024px;--thread-ui-breakpoints-xl:1280px;--thread-ui-breakpoints-2xl:1536px;--thread-ui-colors-background:var(--thread-background);--thread-ui-colors-surface:var(--thread-surface);--thread-ui-colors-elevated:var(--thread-elevated);--thread-ui-colors-structure:var(--thread-structure);--thread-ui-colors-text-standard:var(--thread-text-standard);--thread-ui-colors-text-secondary:var(--thread-text-secondary);--thread-ui-colors-text-disabled:var(--thread-text-disabled);--thread-ui-colors-text-accent:var(--thread-text-accent);--thread-ui-colors-text-inverted:var(--thread-text-inverted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:0.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}}@layer thread-recipes{@layer _base{.thread-ui-button{border-radius:var(--thread-ui-radii-md);border-style:solid;border-width:var(--thread-ui-border-widths-md);transition:background-color 0.2s ease;color:var(--thread-ui-colors-white);display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;height:fit-content}}.thread-ui-button--color_primary{border-color:var(--thread-ui-colors-primary-main);background-color:var(--thread-ui-colors-primary-main)}.thread-ui-button--color_primary:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-primary-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-primary-main)}.thread-ui-button--size_md{padding:8px;font-size:1rem}.thread-ui-button--fullWidth_false{width:fit-content}.thread-ui-button--color_secondary{border-color:var(--thread-ui-colors-secondary-main);background-color:var(--thread-ui-colors-secondary-main)}.thread-ui-button--color_secondary:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-secondary-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-secondary-main)}.thread-ui-button--color_tertiary{border-color:var(--thread-ui-colors-tertiary-main);background-color:var(--thread-ui-colors-tertiary-main)}.thread-ui-button--color_tertiary:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-tertiary-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-tertiary-main)}.thread-ui-button--color_black{border-color:var(--thread-ui-colors-white);background-color:var(--thread-ui-colors-black)}.thread-ui-button--color_black:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-black);background-color:var(--thread-ui-colors-white);color:var(--thread-ui-colors-black)}.thread-ui-button--color_gray{border-color:var(--thread-ui-colors-gray-main);background-color:var(--thread-ui-colors-gray-main)}.thread-ui-button--color_gray:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-gray-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-gray-main)}.thread-ui-button--color_success{border-color:var(--thread-ui-colors-success-main);background-color:var(--thread-ui-colors-success-main)}.thread-ui-button--color_success:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-success-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-success-main)}.thread-ui-button--color_error{border-color:var(--thread-ui-colors-error-main);background-color:var(--thread-ui-colors-error-main)}.thread-ui-button--color_error:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-error-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-error-main)}.thread-ui-button--color_info{border-color:var(--thread-ui-colors-info-main);background-color:var(--thread-ui-colors-info-main)}.thread-ui-button--color_info:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-info-main);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-info-main)}.thread-ui-button--color_text{border-color:var(--thread-ui-colors-text-standard);background-color:var(--thread-ui-colors-text-standard)}.thread-ui-button--color_text:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-text-standard);background-color:var(--thread-ui-colors-background);color:var(--thread-ui-colors-text-standard)}.thread-ui-button--size_sm{padding:4px;font-size:0.75rem}.thread-ui-button--size_lg{padding:12px;font-size:1.25rem}.thread-ui-button--fullWidth_true{width:100%}.thread-ui-button--disabled_true{opacity:0.6;cursor:not-allowed}}@layer thread-utilities{.thread-ui-p_3{padding:var(--thread-ui-spacing-3)}.thread-ui-m_auto{margin:auto}.thread-ui-bd_solid{border:solid}.thread-ui-p_0\.5rem{padding:0.5rem}.thread-ui-p_4{padding:var(--thread-ui-spacing-4)}.thread-ui-p_5{padding:var(--thread-ui-spacing-5)}.thread-ui-inset_0{inset:var(--thread-ui-spacing-0)}.thread-ui-bg_rgba\(0\,_0\,_0\,_0\.5\){background:rgba(0,0,0,0.5)}.thread-ui-bd_2px_dashed{border:2px dashed}.thread-ui-p_8{padding:var(--thread-ui-spacing-8)}.thread-ui-bg_surface{background:var(--thread-ui-colors-surface)}.thread-ui-p_1{padding:var(--thread-ui-spacing-1)}.thread-ui-bg_background{background:var(--thread-ui-colors-background)}.thread-ui-p_2{padding:var(--thread-ui-spacing-2)}.thread-ui-p_6{padding:var(--thread-ui-spacing-6)}.thread-ui-p_4px_8px{padding:4px 8px}.thread-ui-p_8px_16px{padding:8px 16px}.thread-ui-p_16px{padding:16px}.thread-ui-bd-w_md{border-width:var(--thread-ui-border-widths-md)}.thread-ui-bd-c_structure{border-color:var(--thread-ui-colors-structure)}.thread-ui-bdr_md{border-radius:var(--thread-ui-radii-md)}.thread-ui-ov_auto{overflow:auto}.thread-ui-px_4{padding-inline:var(--thread-ui-spacing-4)}.thread-ui-py_2{padding-block:var(--thread-ui-spacing-2)}.thread-ui-bd-c_gray\.light{border-color:var(--thread-ui-colors-gray-light)}.thread-ui-px_16px{padding-inline:16px}.thread-ui-py_8px{padding-block:8px}.thread-ui-bd-w_1px{border-width:1px}.thread-ui-border-style_solid{border-style:solid}.thread-ui-trs_colors{transition-property:var(--transition-prop,color,background-color,border-color,outline-color,text-decoration-color,fill,stroke);transition-timing-function:var(--transition-easing,cubic-bezier(0.4,0,0.2,1));transition-duration:var(--transition-duration,150ms)}.thread-ui-flex_1_1_0\%{flex:1 1 0%}.thread-ui-bdr_0\.25rem{border-radius:0.25rem}.thread-ui-ov_hidden{overflow:hidden}.thread-ui-mx_auto{margin-inline:auto}.thread-ui-py_40px{padding-block:40px}.thread-ui-gap_12px{gap:12px}.thread-ui-py_16px{padding-block:16px}.thread-ui-bdr_50\%{border-radius:50%}.thread-ui-bdr_sm{border-radius:var(--thread-ui-radii-sm)}.thread-ui-mx_0{margin-inline:var(--thread-ui-spacing-0)}.thread-ui-gap_2{gap:var(--thread-ui-spacing-2)}.thread-ui-gap_3{gap:var(--thread-ui-spacing-3)}.thread-ui-gap_0\.5rem{gap:0.5rem}.thread-ui-bd-w_sm{border-width:var(--thread-ui-border-widths-sm)}.thread-ui-my_0\.5rem{margin-block:0.5rem}.thread-ui-gap_0\.75rem{gap:0.75rem}.thread-ui-gap_1{gap:var(--thread-ui-spacing-1)}.thread-ui-gap_24px{gap:24px}.thread-ui-ring_2px_solid_transparent{outline:2px solid transparent}.thread-ui-gap_16px{gap:16px}.thread-ui-my_20px{margin-block:20px}.thread-ui-bdr_lg{border-radius:var(--thread-ui-radii-lg)}.thread-ui-my_16px{margin-block:16px}.thread-ui-bd-c_gray\.300{border-color:var(--thread-ui-colors-gray-300)}.thread-ui-gap_7{gap:var(--thread-ui-spacing-7)}.thread-ui-bd-c_blue\.500{border-color:var(--thread-ui-colors-blue-500)}.thread-ui-gap_4{gap:var(--thread-ui-spacing-4)}.thread-ui-px_5{padding-inline:var(--thread-ui-spacing-5)}.thread-ui-gap_12{gap:var(--thread-ui-spacing-12)}.thread-ui-gap_8px{gap:8px}.thread-ui-my_4px{margin-block:4px}.thread-ui-bd-c_background{border-color:var(--thread-ui-colors-background)}.thread-ui-bdr_20px{border-radius:20px}.thread-ui-bd-c_primary\.main{border-color:var(--thread-ui-colors-primary-main)}.thread-ui-bdr_none{border-radius:none}.thread-ui-flex_1{flex:1 1 0%}.thread-ui-bdr_0\.375rem{border-radius:0.375rem}.thread-ui-td_none{text-decoration:none}.thread-ui-trs_all_150ms_ease-in-out{transition:all 150ms ease-in-out}.thread-ui-gap_4px{gap:4px}.thread-ui-d_flex{display:flex}.thread-ui-flex-d_column{flex-direction:column}.thread-ui-jc_start{justify-content:start}.thread-ui-ai_center{align-items:center}.thread-ui-c_text\.standard{color:var(--thread-ui-colors-text-standard)}.thread-ui-pos_relative{position:relative}.thread-ui-bg-c_background{background-color:var(--thread-ui-colors-background)}.thread-ui-pos_absolute{position:absolute}.thread-ui-bx-sh_lg{box-shadow:var(--thread-ui-shadows-lg)}.thread-ui-z_10{z-index:10}.thread-ui-cursor_pointer{cursor:pointer}.thread-ui-bg-c_elevated{background-color:var(--thread-ui-colors-elevated)}.thread-ui-d_block{display:block}.thread-ui-as_flex-start{align-self:flex-start}.thread-ui-bg-c_gray\.light{background-color:var(--thread-ui-colors-gray-light)}.thread-ui-bdr-ss_lg{border-start-start-radius:var(--thread-ui-radii-lg)}.thread-ui-bdr-es_lg{border-end-start-radius:var(--thread-ui-radii-lg)}.thread-ui-bdr-se_lg{border-start-end-radius:var(--thread-ui-radii-lg)}.thread-ui-bdr-ee_lg{border-end-end-radius:var(--thread-ui-radii-lg)}.thread-ui-ta_center{text-align:center}.thread-ui-fs_sm{font-size:var(--thread-ui-font-sizes-sm)}.thread-ui-ap_none{appearance:none;-webkit-appearance:none}.thread-ui-jc_center{justify-content:center}.thread-ui-as_start{align-self:start}.thread-ui-resize_vertical{resize:vertical}.thread-ui-flex-d_row{flex-direction:row}.thread-ui-bg-c_black{background-color:var(--thread-ui-colors-black)}.thread-ui-column-count_2{column-count:2}.thread-ui-cg_2{column-gap:var(--thread-ui-spacing-2)}.thread-ui-d_inline-block{display:inline-block}.thread-ui-d_block\!{display:block!important}.thread-ui-d_none\!{display:none!important}.thread-ui-ai_stretch{align-items:stretch}.thread-ui-flex-d_column-reverse{flex-direction:column-reverse}.thread-ui-jc_flex-start{justify-content:flex-start}.thread-ui-tov_ellipsis{text-overflow:ellipsis}.thread-ui-white-space_nowrap{white-space:nowrap}.thread-ui-fs_0\.875rem{font-size:0.875rem}.thread-ui-lh_1\.25rem{line-height:1.25rem}.thread-ui-pos_sticky{position:sticky}.thread-ui-z_40{z-index:40}.thread-ui-cg_20px{column-gap:20px}.thread-ui-jc_space-between{justify-content:space-between}.thread-ui-anim-dur_300ms{animation-duration:300ms}.thread-ui-anim-tmf_linear{animation-timing-function:var(--thread-ui-easings-linear)}.thread-ui-cg_24px{column-gap:24px}.thread-ui-trs-prop_0{--transition-prop:0;transition-property:0}.thread-ui-trs-dur_300ms{--transition-duration:300ms;transition-duration:300ms}.thread-ui-trs-tmf_linear{--transition-easing:var(--thread-ui-easings-linear);transition-timing-function:var(--thread-ui-easings-linear)}.thread-ui-vis_visible{visibility:visible}.thread-ui-op_1{opacity:1}.thread-ui-trf_translateY\(0\){transform:translateY(0)}.thread-ui-trf_translateY\(2\.5rem\){transform:translateY(2.5rem)}.thread-ui-op_0{opacity:0}.thread-ui-vis_hidden{visibility:hidden}.thread-ui-jc_flex-center{justify-content:flex-center}.thread-ui-ring-o_2px{outline-offset:2px}.thread-ui-bg-c_gray\.dark{background-color:var(--thread-ui-colors-gray-dark)}.thread-ui-trs-prop_color\,_background-color\,_border-color\,_text-decoration-color\,_fill\,_stroke\,_opacity\,_box-shadow\,_transform\,_filter\,_backdrop-filter{--transition-prop:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.thread-ui-trs-tmf_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\){--transition-easing:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.thread-ui-trf_translate\(0\,_0\.324rem\)_rotate\(45deg\){transform:translate(0,0.324rem) rotate(45deg)}.thread-ui-trf_translate\(0\,_-0\.324rem\)_rotate\(-45deg\){transform:translate(0,-0.324rem) rotate(-45deg)}.thread-ui-bg-c_surface{background-color:var(--thread-ui-colors-surface)}.thread-ui-bx-sh_0_1px_2px_0_rgb\(0_0_0_\/_0\.05\){box-shadow:0 1px 2px 0 rgb(0 0 0/0.05)}.thread-ui-bx-sh_none{box-shadow:none}.thread-ui-bg-c_structure{background-color:var(--thread-ui-colors-structure)}.thread-ui-ai_flex-start{align-items:flex-start}.thread-ui-pos_fixed{position:fixed}.thread-ui-z_50{z-index:50}.thread-ui-c_info\.main{color:var(--thread-ui-colors-info-main)}.thread-ui-fs_xs{font-size:var(--thread-ui-font-sizes-xs)}.thread-ui-d_none{display:none}.thread-ui-jc_normal{justify-content:normal}.thread-ui-as_flex-end{align-self:flex-end}.thread-ui-obj-f_cover{object-fit:cover}.thread-ui-d_grid{display:grid}.thread-ui-c_text\.inverted{color:var(--thread-ui-colors-text-inverted)}.thread-ui-bg-c_primary\.main{background-color:var(--thread-ui-colors-primary-main)}.thread-ui-c_inherit{color:inherit}.thread-ui-flex-sh_0{flex-shrink:0}.thread-ui-flex-d_row-reverse{flex-direction:row-reverse}.thread-ui-li-t_none{list-style-type:none}.thread-ui-d_inline-flex{display:inline-flex}.thread-ui-fw_500{font-weight:500}.thread-ui-trf_translateX\(-50\%\){transform:translateX(-50%)}.thread-ui-pos_static{position:static}.thread-ui-w_100\%{width:100%}.thread-ui-pb_4px{padding-bottom:4px}.thread-ui-mt_1{margin-top:var(--thread-ui-spacing-1)}.thread-ui-max-h_60{max-height:var(--thread-ui-sizes-60)}.thread-ui-mb_2{margin-bottom:var(--thread-ui-spacing-2)}.thread-ui-h_11{height:var(--thread-ui-sizes-11)}.thread-ui-w_16{width:var(--thread-ui-sizes-16)}.thread-ui-w_auto{width:auto}.thread-ui-min-h_25{min-height:25px}.thread-ui-mr_auto{margin-right:auto}.thread-ui-ml_auto{margin-left:auto}.thread-ui-max-w_none{max-width:none}.thread-ui-pr_2rem{padding-right:2rem}.thread-ui-pl_2rem{padding-left:2rem}.thread-ui-pt_2\.5rem{padding-top:2.5rem}.thread-ui-pb_2\.5rem{padding-bottom:2.5rem}.thread-ui-mb_1\.5rem{margin-bottom:1.5rem}.thread-ui-h_auto{height:auto}.thread-ui-max-w_1400px{max-width:1400px}.thread-ui-max-w_1280px{max-width:1280px}.thread-ui-mt_8px{margin-top:8px}.thread-ui-mt_36px{margin-top:36px}.thread-ui-w_48px{width:48px}.thread-ui-h_48px{height:48px}.thread-ui-mt_2{margin-top:var(--thread-ui-spacing-2)}.thread-ui-h_100\%{height:100%}.thread-ui-mt_0\.75rem{margin-top:0.75rem}.thread-ui-mb_0\.75rem{margin-bottom:0.75rem}.thread-ui-max-h_15rem{max-height:15rem}.thread-ui-w_391px{width:391px}.thread-ui-h_241px{height:241px}.thread-ui-h_83\.333333\%{height:83.333333%}.thread-ui-min-h_100\%{min-height:100%}.thread-ui-min-w_100\%{min-width:100%}.thread-ui-h_16\.666667\%{height:16.666667%}.thread-ui-pr_0\.25rem{padding-right:0.25rem}.thread-ui-w_83\%{width:83%}.thread-ui-max-w_576px{max-width:576px}.thread-ui-max-w_672px{max-width:672px}.thread-ui-max-w_896px{max-width:896px}.thread-ui-max-w_16rem{max-width:16rem}.thread-ui-w_9\/12{width:75%}.thread-ui-w_10\/12{width:83.333333%}.thread-ui-max-h_300px{max-height:300px}.thread-ui-ov-y_auto{overflow-y:auto}.thread-ui-top_0px{top:0px}.thread-ui-h_80px{height:80px}.thread-ui-bd-b-w_1px{border-bottom-width:1px}.thread-ui-bd-b-c_structure{border-bottom-color:var(--thread-ui-colors-structure)}.thread-ui-pr_32px{padding-right:32px}.thread-ui-pl_32px{padding-left:32px}.thread-ui-top_100\%{top:100%}.thread-ui-left_0px{left:0px}.thread-ui-pt_32px{padding-top:32px}.thread-ui-pb_32px{padding-bottom:32px}.thread-ui-pl_20px{padding-left:20px}.thread-ui-pr_20px{padding-right:20px}.thread-ui-bd-l-w_1px{border-left-width:1px}.thread-ui-bd-l-c_gray\.main{border-left-color:var(--thread-ui-colors-gray-main)}.thread-ui-pl_12px{padding-left:12px}.thread-ui-pt_12px{padding-top:12px}.thread-ui-pb_12px{padding-bottom:12px}.thread-ui-h_2px{height:2px}.thread-ui-w_24px{width:24px}.thread-ui-w_16px{width:16px}.thread-ui-mr_32px{margin-right:32px}.thread-ui-max-w_850px{max-width:850px}.thread-ui-max-w_600px{max-width:600px}.thread-ui-mb_1{margin-bottom:var(--thread-ui-spacing-1)}.thread-ui-mb_3{margin-bottom:var(--thread-ui-spacing-3)}.thread-ui-h_0\.5px{height:0.5px}.thread-ui-h_1px{height:1px}.thread-ui-w_75\%{width:75%}.thread-ui-pt_10{padding-top:var(--thread-ui-spacing-10)}.thread-ui-pt_0{padding-top:var(--thread-ui-spacing-0)}.thread-ui-max-h_6rem{max-height:6rem}.thread-ui-max-w_6rem{max-width:6rem}.thread-ui-max-w_100\%{max-width:100%}.thread-ui-min-h_4{min-height:var(--thread-ui-sizes-4)}.thread-ui-w_fit-content{width:fit-content}.thread-ui-w_calc\(100\%_\+_32px\){width:calc(100% + 32px)}.thread-ui-h_0px{height:0px}.thread-ui-left_50\%{left:50%}.thread-ui-bottom_-0px{bottom:-0px}.thread-ui-w_100vw{width:100vw}.\[\&\:\:-webkit-inner-spin-button\]\:thread-ui-ap_none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:thread-ui-ap_none::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none}.dark .dark\:thread-ui-bg-c_surface{background-color:var(--thread-ui-colors-surface)}.focus\:thread-ui-ring_none:is(:focus,[data-focus]){outline:var(--thread-ui-borders-none)}.focus\:thread-ui-bd-c_blue\.500:is(:focus,[data-focus]){border-color:var(--thread-ui-colors-blue-500)}.focus\:thread-ui-bd-c_transparent:is(:focus,[data-focus]){border-color:var(--thread-ui-colors-transparent)}.focus\:thread-ui-ring-c_gray\.100:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-gray-100)}.focus\:thread-ui-ring-c_blue\.500:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-blue-500)}.focus\:thread-ui-bx-sh_0_0_0_2px_\{colors\.blue\.500\}:is(:focus,[data-focus]){box-shadow:0 0 0 2px var(--thread-ui-colors-blue-500)}.hover\:thread-ui-bd-c_primary\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-bd-c_secondary\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-secondary-main)}.hover\:thread-ui-bd-c_tertiary\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-tertiary-main)}.hover\:thread-ui-bd-c_gray\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-gray-main)}.hover\:thread-ui-bd-c_success\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-success-main)}.hover\:thread-ui-bd-c_error\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-error-main)}.hover\:thread-ui-bd-c_info\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-info-main)}.hover\:thread-ui-bd-c_text\.standard:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-text-standard)}.hover\:thread-ui-bd-c_white:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-white)}.hover\:thread-ui-td_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:thread-ui-bg-c_primary\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-c_background:is(:hover,[data-hover]){color:var(--thread-ui-colors-background)}.hover\:thread-ui-bg-c_secondary\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-secondary-main)}.hover\:thread-ui-bg-c_tertiary\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-tertiary-main)}.hover\:thread-ui-bg-c_gray\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-gray-main)}.hover\:thread-ui-bg-c_success\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-success-main)}.hover\:thread-ui-bg-c_error\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-error-main)}.hover\:thread-ui-bg-c_info\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-info-main)}.hover\:thread-ui-bg-c_text\.standard:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-text-standard)}.hover\:thread-ui-bg-c_black:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-black)}.hover\:thread-ui-bg-c_surface:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-surface)}.hover\:thread-ui-bg-c_gray\.100:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-gray-100)}.hover\:thread-ui-c_primary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-bg-c_primary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-light)}.hover\:thread-ui-c_text\.inverted:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-inverted)}.hover\:thread-ui-bg-c_elevated:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-elevated)}@media screen and (min-width: 40rem){.sm\:thread-ui-pos_static{position:static}.sm\:thread-ui-h_auto{height:auto}}@media screen and (min-width: 48rem){.thread-ui-hide_md{display:none}.md\:thread-ui-mx_auto{margin-inline:auto}.md\:thread-ui-px_8px{padding-inline:8px}.md\:thread-ui-column-count_3{column-count:3}.md\:thread-ui-d_none\!{display:none!important}.md\:thread-ui-d_block\!{display:block!important}.md\:thread-ui-trs-prop_none{--transition-prop:none;transition-property:none}.md\:thread-ui-jc_space-between{justify-content:space-between}.md\:thread-ui-grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.md\:thread-ui-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}.md\:thread-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(3,minmax(0,1fr))}.md\:thread-ui-max-w_var\(--max-width\,_none\){max-width:var(--max-width,none)}.md\:thread-ui-pt_2rem{padding-top:2rem}.md\:thread-ui-pb_2rem{padding-bottom:2rem}.md\:thread-ui-max-w_800px{max-width:800px}.md\:thread-ui-max-h_none{max-height:none}.md\:thread-ui-ov-y_visible{overflow-y:visible}.md\:thread-ui-pl_48px{padding-left:48px}.md\:thread-ui-pr_48px{padding-right:48px}.md\:thread-ui-w_50\%{width:50%}.md\:thread-ui-w_75\%{width:75%}.md\:thread-ui-max-w_480px{max-width:480px}.md\:thread-ui-max-w_560px{max-width:560px}.md\:thread-ui-max-w_720px{max-width:720px}}@media screen and (min-width: 64rem){.lg\:thread-ui-p_6{padding:var(--thread-ui-spacing-6)}.lg\:thread-ui-flex_none{flex:none}.lg\:thread-ui-gap_20px{gap:20px}.lg\:thread-ui-gap_0\.75rem{gap:0.75rem}.lg\:thread-ui-border-style_none{border-style:none}.lg\:thread-ui-gap_6{gap:var(--thread-ui-spacing-6)}.lg\:thread-ui-column-count_4{column-count:4}.lg\:thread-ui-flex-d_row-reverse{flex-direction:row-reverse}.lg\:thread-ui-flex-d_row{flex-direction:row}.lg\:thread-ui-d_none{display:none}.lg\:thread-ui-flex-d_column-reverse{flex-direction:column-reverse}.lg\:thread-ui-jc_flex-start{justify-content:flex-start}.lg\:thread-ui-pos_relative{position:relative}.lg\:thread-ui-bg-c_transparent{background-color:var(--thread-ui-colors-transparent)}.lg\:thread-ui-d_flex{display:flex}.lg\:thread-ui-trf_translateY\(0\){transform:translateY(0)}.lg\:thread-ui-op_1{opacity:1}.lg\:thread-ui-vis_visible{visibility:visible}.lg\:thread-ui-ai_center{align-items:center}.lg\:thread-ui-jc_center{justify-content:center}.lg\:thread-ui-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:thread-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:thread-ui-grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:thread-ui-grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:thread-ui-grid-tc_repeat\(6\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:thread-ui-d_block{display:block}.lg\:thread-ui-pos_absolute{position:absolute}.lg\:thread-ui-trf_translateX\(-50\%\){transform:translateX(-50%)}.lg\:thread-ui-max-w_none{max-width:none}.lg\:thread-ui-pt_1\.5rem{padding-top:1.5rem}.lg\:thread-ui-pb_1\.5rem{padding-bottom:1.5rem}.lg\:thread-ui-w_66\.666667\%{width:66.666667%}.lg\:thread-ui-w_41\.666667\%{width:41.666667%}.lg\:thread-ui-max-w_1400px{max-width:1400px}.lg\:thread-ui-w_4\/12{width:33.333333%}.lg\:thread-ui-mt_0\.75rem{margin-top:0.75rem}.lg\:thread-ui-w_7\/12{width:58.333333%}.lg\:thread-ui-max-h_500px{max-height:500px}.lg\:thread-ui-ov-y_scroll{overflow-y:scroll}.lg\:thread-ui-top_0px{top:0px}.lg\:thread-ui-pt_0px{padding-top:0px}.lg\:thread-ui-pb_0px{padding-bottom:0px}.lg\:thread-ui-pl_0px{padding-left:0px}.lg\:thread-ui-pr_0px{padding-right:0px}.lg\:thread-ui-w_max-content{width:max-content}.lg\:thread-ui-w_100\%{width:100%}.lg\:thread-ui-w_175px{width:175px}.lg\:thread-ui-w_95\%{width:95%}.lg\:thread-ui-h_2\.5rem{height:2.5rem}.lg\:thread-ui-w_fit-content{width:fit-content}.lg\:thread-ui-h_30px{height:30px}.lg\:thread-ui-bottom_-30px{bottom:-30px}.lg\:thread-ui-top_calc\(100\%_\+_30px\){top:calc(100% + 30px)}.lg\:thread-ui-left_50\%{left:50%}}@media screen and (max-width: 47.9975rem){.thread-ui-show_md{display:none}}}