thread-ui 0.13.1 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
- package/dist/components/content-display/carousel/carousel.d.ts +1 -1
- package/dist/components/content-display/carousel/carousel.js +19 -4
- package/dist/components/content-display/carousel/carousel.js.map +1 -1
- package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
- package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
- package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
- package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
- package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
- package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
- package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
- package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
- package/dist/components/content-display/gallery/gallery.d.ts +1 -1
- package/dist/components/content-display/gallery/gallery.js +2 -1
- package/dist/components/content-display/gallery/gallery.js.map +1 -1
- package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
- package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
- package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
- package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
- package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
- package/dist/components/layouts/column-layout/column-layout.js +6 -6
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
- package/dist/components/layouts/footer/footer.d.ts +3 -3
- package/dist/components/layouts/footer/footer.js +4 -4
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +1 -1
- package/dist/components/layouts/layout-component.types.d.ts +2 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
- package/dist/components/media-display/info-card/info-card.js +2 -2
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
- package/dist/components/typography/heading/heading.js +1 -1
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/page-header/page-header.d.ts +3 -3
- package/dist/components/typography/page-header/page-header.js +5 -5
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
- package/dist/components/ui/button/button-recipe.js +11 -10
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/card/card.d.ts +1 -1
- package/dist/components/ui/card/card.js +14 -9
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +2 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
- package/dist/components/ui/modal/modal-context.d.ts +2 -2
- package/dist/internal-components/content-header/content-header.d.ts +12 -0
- package/dist/internal-components/content-header/content-header.js +36 -0
- package/dist/internal-components/content-header/content-header.js.map +1 -0
- package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
- package/dist/internal-components/content-header/content-header.types.js +2 -0
- package/dist/internal-components/content-header/content-header.types.js.map +1 -0
- package/dist/internal-components/content-header/index.d.ts +2 -0
- package/dist/internal-components/content-header/index.js +2 -0
- package/dist/internal-components/content-header/index.js.map +1 -0
- package/dist/internal-components/index.d.ts +2 -0
- package/dist/internal-components/index.js +2 -0
- package/dist/internal-components/index.js.map +1 -1
- package/dist/internal-components/surface/index.d.ts +2 -0
- package/dist/internal-components/surface/index.js +2 -0
- package/dist/internal-components/surface/index.js.map +1 -0
- package/dist/internal-components/surface/surface.d.ts +3 -0
- package/dist/internal-components/surface/surface.js +11 -0
- package/dist/internal-components/surface/surface.js.map +1 -0
- package/dist/internal-components/surface/surface.types.d.ts +15 -0
- package/dist/internal-components/surface/surface.types.js +2 -0
- package/dist/internal-components/surface/surface.types.js.map +1 -0
- package/dist/styled-system/recipes/button.js +6 -6
- package/dist/styled-system/tokens/index.js +8 -0
- package/dist/styled-system/tokens/tokens.d.ts +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/styles/theme.css +6 -0
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
- package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
- package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
- package/dist/theme/default-theme.js +2 -0
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/theme-surface-system.d.ts +2 -1
- package/dist/theme/theme-surface-system.js.map +1 -1
- package/dist/types/colors/utility-color-options.types.d.ts +1 -1
- package/dist/types/theme/theme.types.d.ts +1 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
- package/package.json +1 -1
- package/dist/styled-system/css/conditions..js +0 -36
- package/dist/styled-system/css/conditions.mjs +0 -36
- package/dist/styled-system/css/css..js +0 -45
- package/dist/styled-system/css/css.mjs +0 -45
- package/dist/styled-system/css/cva..js +0 -87
- package/dist/styled-system/css/cva.mjs +0 -87
- package/dist/styled-system/css/cx..js +0 -15
- package/dist/styled-system/css/cx.mjs +0 -15
- package/dist/styled-system/css/index..js +0 -4
- package/dist/styled-system/css/index.mjs +0 -4
- package/dist/styled-system/css/sva..js +0 -46
- package/dist/styled-system/css/sva.mjs +0 -46
- package/dist/styled-system/helpers..js +0 -316
- package/dist/styled-system/helpers.mjs +0 -316
- package/dist/styled-system/patterns/aspect-ratio..js +0 -38
- package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
- package/dist/styled-system/patterns/bleed..js +0 -24
- package/dist/styled-system/patterns/bleed.mjs +0 -24
- package/dist/styled-system/patterns/box..js +0 -15
- package/dist/styled-system/patterns/box.mjs +0 -15
- package/dist/styled-system/patterns/center..js +0 -21
- package/dist/styled-system/patterns/center.mjs +0 -21
- package/dist/styled-system/patterns/circle..js +0 -25
- package/dist/styled-system/patterns/circle.mjs +0 -25
- package/dist/styled-system/patterns/container..js +0 -22
- package/dist/styled-system/patterns/container.mjs +0 -22
- package/dist/styled-system/patterns/cq..js +0 -21
- package/dist/styled-system/patterns/cq.mjs +0 -21
- package/dist/styled-system/patterns/divider..js +0 -25
- package/dist/styled-system/patterns/divider.mjs +0 -25
- package/dist/styled-system/patterns/flex..js +0 -26
- package/dist/styled-system/patterns/flex.mjs +0 -26
- package/dist/styled-system/patterns/float..js +0 -52
- package/dist/styled-system/patterns/float.mjs +0 -52
- package/dist/styled-system/patterns/grid-item..js +0 -25
- package/dist/styled-system/patterns/grid-item.mjs +0 -25
- package/dist/styled-system/patterns/grid..js +0 -27
- package/dist/styled-system/patterns/grid.mjs +0 -27
- package/dist/styled-system/patterns/hstack..js +0 -24
- package/dist/styled-system/patterns/hstack.mjs +0 -24
- package/dist/styled-system/patterns/index..js +0 -20
- package/dist/styled-system/patterns/index.mjs +0 -20
- package/dist/styled-system/patterns/link-overlay..js +0 -24
- package/dist/styled-system/patterns/link-overlay.mjs +0 -24
- package/dist/styled-system/patterns/spacer..js +0 -21
- package/dist/styled-system/patterns/spacer.mjs +0 -21
- package/dist/styled-system/patterns/square..js +0 -24
- package/dist/styled-system/patterns/square.mjs +0 -24
- package/dist/styled-system/patterns/stack..js +0 -24
- package/dist/styled-system/patterns/stack.mjs +0 -24
- package/dist/styled-system/patterns/visually-hidden..js +0 -18
- package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
- package/dist/styled-system/patterns/vstack..js +0 -24
- package/dist/styled-system/patterns/vstack.mjs +0 -24
- package/dist/styled-system/patterns/wrap..js +0 -25
- package/dist/styled-system/patterns/wrap.mjs +0 -25
- package/dist/styled-system/recipes/button..js +0 -445
- package/dist/styled-system/recipes/button.mjs +0 -445
- package/dist/styled-system/recipes/create-recipe..js +0 -82
- package/dist/styled-system/recipes/create-recipe.mjs +0 -82
- package/dist/styled-system/recipes/index..js +0 -1
- package/dist/styled-system/recipes/index.mjs +0 -1
- package/dist/styled-system/styles.css +0 -1
- package/dist/styled-system/tokens/index..js +0 -2104
- package/dist/styled-system/tokens/index.mjs +0 -2164
package/dist/styles/panda.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@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:'🐼'}body,html{font-family:var(--thread-ui-fonts-body)}button,input,select,textarea{font-family:inherit}*,::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-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-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-colors-scrim:var(--thread-scrim);--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-spacing-none:var(--thread-spacing-none);--thread-ui-spacing-xxs:var(--thread-spacing-xxs);--thread-ui-spacing-xs:var(--thread-spacing-xs);--thread-ui-spacing-sm:var(--thread-spacing-sm);--thread-ui-spacing-md:var(--thread-spacing-md);--thread-ui-spacing-lg:var(--thread-spacing-lg);--thread-ui-spacing-xl:var(--thread-spacing-xl);--thread-ui-spacing-xxl:var(--thread-spacing-xxl);--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-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-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-shadows-sm:var(--thread-shadow-sm);--thread-ui-shadows-md:var(--thread-shadow-md);--thread-ui-shadows-lg:var(--thread-shadow-lg);--thread-ui-z-index-base:var(--thread-z-index-base);--thread-ui-z-index-sticky:var(--thread-z-index-sticky);--thread-ui-z-index-overlay:var(--thread-z-index-overlay);--thread-ui-z-index-modal:var(--thread-z-index-modal);--thread-ui-z-index-system:var(--thread-z-index-system);--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-body:var(--thread-font-family-body);--thread-ui-fonts-heading:var(--thread-font-family-heading);--thread-ui-fonts-mono:var(--thread-font-family-mono);--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-font-sizes-heading-sm:var(--thread-font-size-heading-sm);--thread-ui-font-sizes-heading-md:var(--thread-font-size-heading-md);--thread-ui-font-sizes-heading-lg:var(--thread-font-size-heading-lg);--thread-ui-font-sizes-heading-xl:var(--thread-font-size-heading-xl);--thread-ui-font-sizes-body-xxs:var(--thread-font-size-body-xxs);--thread-ui-font-sizes-body-xs:var(--thread-font-size-body-xs);--thread-ui-font-sizes-body-sm:var(--thread-font-size-body-sm);--thread-ui-font-sizes-body-md:var(--thread-font-size-body-md);--thread-ui-font-sizes-body-lg:var(--thread-font-size-body-lg);--thread-ui-font-sizes-body-xl:var(--thread-font-size-body-xl);--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-extrabold:800;--thread-ui-font-weights-black:900;--thread-ui-font-weights-regular:var(--thread-font-weight-regular);--thread-ui-font-weights-medium:var(--thread-font-weight-medium);--thread-ui-font-weights-semibold:var(--thread-font-weight-semibold);--thread-ui-font-weights-bold:var(--thread-font-weight-bold);--thread-ui-line-heights-snug:1.375;--thread-ui-line-heights-relaxed:1.625;--thread-ui-line-heights-none:var(--thread-line-height-none);--thread-ui-line-heights-tighter:var(--thread-line-height-tighter);--thread-ui-line-heights-tight:var(--thread-line-height-tight);--thread-ui-line-heights-normal:var(--thread-line-height-normal);--thread-ui-line-heights-loose:var(--thread-line-height-loose);--thread-ui-line-heights-looser:var(--thread-line-height-looser);--thread-ui-letter-spacings-tighter:-0.05em;--thread-ui-letter-spacings-wider:0.05em;--thread-ui-letter-spacings-widest:0.1em;--thread-ui-letter-spacings-tight:var(--thread-letter-spacing-tight);--thread-ui-letter-spacings-normal:var(--thread-letter-spacing-normal);--thread-ui-letter-spacings-wide:var(--thread-letter-spacing-wide);--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-canvas:var(--thread-canvas);--thread-ui-colors-inset:var(--thread-inset);--thread-ui-colors-surface:var(--thread-surface);--thread-ui-colors-elevated:var(--thread-elevated);--thread-ui-colors-overlay:var(--thread-overlay);--thread-ui-colors-active:var(--thread-active);--thread-ui-colors-hover:var(--thread-hover);--thread-ui-colors-structure-subtle:var(--thread-structure-subtle);--thread-ui-colors-structure-default:var(--thread-structure-default);--thread-ui-colors-structure-strong:var(--thread-structure-strong);--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 ping{75%,to{transform:scale(2);opacity:0}}@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)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:0.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@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;white-space:nowrap;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-transparent);color:var(--thread-ui-colors-primary-main)}.thread-ui-button--size_md{padding:var(--thread-ui-spacing-2);gap:var(--thread-ui-spacing-2);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-transparent);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-transparent);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-transparent);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-transparent);color:var(--thread-ui-colors-success-main)}.thread-ui-button--color_warning{border-color:var(--thread-ui-colors-warning-main);background-color:var(--thread-ui-colors-warning-main)}.thread-ui-button--color_warning:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-warning-main);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-warning-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-transparent);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-transparent);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);color:var(--thread-ui-colors-text-inverted)}.thread-ui-button--color_neutral,.thread-ui-button--color_text:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-text-standard);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-text-standard)}.thread-ui-button--color_neutral:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-text-standard);background-color:var(--thread-ui-colors-hover);color:var(--thread-ui-colors-text-secondary)}.thread-ui-button--size_sm{padding:var(--thread-ui-spacing-1);gap:var(--thread-ui-spacing-1);font-size:0.5rem}.thread-ui-button--size_lg{padding:var(--thread-ui-spacing-3);gap:var(--thread-ui-spacing-3);font-size:1.5rem}.thread-ui-button--fullWidth_true{width:100%}.thread-ui-button--disabled_true{opacity:0.6;cursor:not-allowed}.thread-ui-button--textVariant_true{border-color:var(--thread-ui-colors-transparent);background-color:var(--thread-ui-colors-transparent)}.thread-ui-button--textVariant_true:is(:hover,[data-hover]){text-decoration:underline}}@layer thread-utilities{.thread-ui-inset_0{inset:var(--thread-ui-spacing-0)}.thread-ui-bg_scrim{background:var(--thread-ui-colors-scrim)}.thread-ui-p_6{padding:var(--thread-ui-spacing-6)}.thread-ui-p_3{padding:var(--thread-ui-spacing-3)}.thread-ui-m_auto{margin:auto}.thread-ui-p_2\.5{padding:var(--thread-ui-spacing-2\.5)}.thread-ui-p_4{padding:var(--thread-ui-spacing-4)}.thread-ui-p_5{padding:var(--thread-ui-spacing-5)}.thread-ui-p_0{padding:var(--thread-ui-spacing-0)}.thread-ui-m_-1px{margin:-1px}.thread-ui-bg_transparent{background:var(--thread-ui-colors-transparent)}.thread-ui-bg_canvas{background:var(--thread-ui-colors-canvas)}.thread-ui-bg_inset{background:var(--thread-ui-colors-inset)}.thread-ui-bg_surface{background:var(--thread-ui-colors-surface)}.thread-ui-bg_elevated{background:var(--thread-ui-colors-elevated)}.thread-ui-bg_overlay{background:var(--thread-ui-colors-overlay)}.thread-ui-p_8{padding:var(--thread-ui-spacing-8)}.thread-ui-p_1{padding:var(--thread-ui-spacing-1)}.thread-ui-anim_pulse_1\.2s_ease-in-out_infinite{animation:pulse 1.2s ease-in-out infinite}.thread-ui-bg_primary\.light{background:var(--thread-ui-colors-primary-light)}.thread-ui-bg_secondary\.light{background:var(--thread-ui-colors-secondary-light)}.thread-ui-bg_tertiary\.light{background:var(--thread-ui-colors-tertiary-light)}.thread-ui-bg_black{background:var(--thread-ui-colors-black)}.thread-ui-bg_gray\.main{background:var(--thread-ui-colors-gray-main)}.thread-ui-bg_text\.standard{background:var(--thread-ui-colors-text-standard)}.thread-ui-anim_shimmer_1\.5s_linear_infinite{animation:shimmer 1.5s linear infinite}.thread-ui-anim_spin_0\.75s_linear_infinite{animation:spin 0.75s linear infinite}.thread-ui-p_2{padding:var(--thread-ui-spacing-2)}.thread-ui-p_16px{padding:16px}.thread-ui-p_4px_8px{padding:4px 8px}.thread-ui-p_8px_16px{padding:8px 16px}.thread-ui-ov_hidden{overflow:hidden}.thread-ui-py_2px{padding-block:2px}.thread-ui-px_3px{padding-inline:3px}.thread-ui-bdr_xs{border-radius:var(--thread-ui-radii-xs)}.thread-ui-bd-w_sm{border-width:var(--thread-ui-border-widths-sm)}.thread-ui-bd-c_structure\.default{border-color:var(--thread-ui-colors-structure-default)}.thread-ui-gap_1{gap:var(--thread-ui-spacing-1)}.thread-ui-gap_2{gap:var(--thread-ui-spacing-2)}.thread-ui-gap_3{gap:var(--thread-ui-spacing-3)}.thread-ui-bd-w_md{border-width:var(--thread-ui-border-widths-md)}.thread-ui-px_4{padding-inline:var(--thread-ui-spacing-4)}.thread-ui-py_2{padding-block:var(--thread-ui-spacing-2)}.thread-ui-border-style_solid{border-style:solid}.thread-ui-bdr_md{border-radius:var(--thread-ui-radii-md)}.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_sm{border-radius:var(--thread-ui-radii-sm)}.thread-ui-py_10{padding-block:var(--thread-ui-spacing-10)}.thread-ui-mx_auto{margin-inline:auto}.thread-ui-py_4{padding-block:var(--thread-ui-spacing-4)}.thread-ui-mx_0{margin-inline:var(--thread-ui-spacing-0)}.thread-ui-gap_12px{gap:12px}.thread-ui-trs_background-color_0\.15s_ease\,_box-shadow_0\.15s_ease{transition:background-color 0.15s ease,box-shadow 0.15s ease}.thread-ui-bd-w_0{border-width:0}.thread-ui-bd-c_structure\.subtle{border-color:var(--thread-ui-colors-structure-subtle)}.thread-ui-bd-c_structure\.strong{border-color:var(--thread-ui-colors-structure-strong)}.thread-ui-flex_1{flex:1 1 0%}.thread-ui-my_2{margin-block:var(--thread-ui-spacing-2)}.thread-ui-gap_24px{gap:24px}.thread-ui-ring_2px_solid_transparent{outline:2px solid transparent}.thread-ui-gap_16px{gap:16px}.thread-ui-py_8px{padding-block:8px}.thread-ui-my_4{margin-block:var(--thread-ui-spacing-4)}.thread-ui-bdr_lg{border-radius:var(--thread-ui-radii-lg)}.thread-ui-bdr_9999px{border-radius:9999px}.thread-ui-trs_background-color_200ms_ease-in-out{transition:background-color 200ms ease-in-out}.thread-ui-ring_none{outline:var(--thread-ui-borders-none)}.thread-ui-trs_transform_200ms_ease-in-out{transition:transform 200ms ease-in-out}.thread-ui-gap_3\.5{gap:var(--thread-ui-spacing-3\.5)}.thread-ui-gap_1\.5{gap:var(--thread-ui-spacing-1\.5)}.thread-ui-bd-c_transparent{border-color:var(--thread-ui-colors-transparent)}.thread-ui-ov_auto{overflow:auto}.thread-ui-px_3{padding-inline:var(--thread-ui-spacing-3)}.thread-ui-bd-w_lg{border-width:var(--thread-ui-border-widths-lg)}.thread-ui-border-style_dashed{border-style:dashed}.thread-ui-gap_7{gap:var(--thread-ui-spacing-7)}.thread-ui-bd-c_info\.main{border-color:var(--thread-ui-colors-info-main)}.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-px_16px{padding-inline:16px}.thread-ui-my_4px{margin-block:4px}.thread-ui-bd-c_surface{border-color:var(--thread-ui-colors-surface)}.thread-ui-bdr_20px{border-radius:20px}.thread-ui-bd-c_primary\.main{border-color:var(--thread-ui-colors-primary-main)}.thread-ui-bdr_full{border-radius:var(--thread-ui-radii-full)}.thread-ui-bd-c_gray\.light{border-color:var(--thread-ui-colors-gray-light)}.thread-ui-bd-w_2px{border-width:2px}.thread-ui-bd-w_4px{border-width:4px}.thread-ui-bd-w_8px{border-width:8px}.thread-ui-bdr_none{border-radius:none}.thread-ui-flex_0_0_auto{flex:0 0 auto}.thread-ui-flex_0_0_22\%{flex:0 0 22%}.thread-ui-td_none{text-decoration:none}.thread-ui-trs_all_150ms_ease-in-out{transition:all 150ms ease-in-out}.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-ff_body{font-family:var(--thread-ui-fonts-body)}.thread-ui-ff_heading{font-family:var(--thread-ui-fonts-heading)}.thread-ui-ff_mono{font-family:var(--thread-ui-fonts-mono)}.thread-ui-fs_heading\.sm{font-size:var(--thread-ui-font-sizes-heading-sm)}.thread-ui-fs_heading\.md{font-size:var(--thread-ui-font-sizes-heading-md)}.thread-ui-fs_heading\.lg{font-size:var(--thread-ui-font-sizes-heading-lg)}.thread-ui-fs_heading\.xl{font-size:var(--thread-ui-font-sizes-heading-xl)}.thread-ui-fs_body\.xxs{font-size:var(--thread-ui-font-sizes-body-xxs)}.thread-ui-fs_body\.xs{font-size:var(--thread-ui-font-sizes-body-xs)}.thread-ui-fs_body\.sm{font-size:var(--thread-ui-font-sizes-body-sm)}.thread-ui-fs_body\.md{font-size:var(--thread-ui-font-sizes-body-md)}.thread-ui-fs_body\.lg{font-size:var(--thread-ui-font-sizes-body-lg)}.thread-ui-fs_body\.xl{font-size:var(--thread-ui-font-sizes-body-xl)}.thread-ui-fw_regular{font-weight:var(--thread-ui-font-weights-regular)}.thread-ui-fw_medium{font-weight:var(--thread-ui-font-weights-medium)}.thread-ui-fw_semibold{font-weight:var(--thread-ui-font-weights-semibold)}.thread-ui-fw_bold{font-weight:var(--thread-ui-font-weights-bold)}.thread-ui-lh_none{line-height:var(--thread-ui-line-heights-none)}.thread-ui-lh_tighter{line-height:var(--thread-ui-line-heights-tighter)}.thread-ui-lh_tight{line-height:var(--thread-ui-line-heights-tight)}.thread-ui-lh_normal{line-height:var(--thread-ui-line-heights-normal)}.thread-ui-lh_loose{line-height:var(--thread-ui-line-heights-loose)}.thread-ui-lh_looser{line-height:var(--thread-ui-line-heights-looser)}.thread-ui-ls_tight{letter-spacing:var(--thread-ui-letter-spacings-tight)}.thread-ui-ls_normal{letter-spacing:var(--thread-ui-letter-spacings-normal)}.thread-ui-ls_wide{letter-spacing:var(--thread-ui-letter-spacings-wide)}.thread-ui-ta_left{text-align:left}.thread-ui-ta_center{text-align:center}.thread-ui-white-space_nowrap{white-space:nowrap}.thread-ui-tov_ellipsis{text-overflow:ellipsis}.thread-ui-ti_4{text-indent:var(--thread-ui-spacing-4)}.thread-ui-bg-c_structure\.subtle{background-color:var(--thread-ui-colors-structure-subtle)}.thread-ui-d_contents{display:contents}.thread-ui-pos_fixed{position:fixed}.thread-ui-jc_center{justify-content:center}.thread-ui-z_modal{z-index:var(--thread-ui-z-index-modal)}.thread-ui-ai_start{align-items:start}.thread-ui-flex-d_row{flex-direction:row}.thread-ui-d_block{display:block}.thread-ui-as_flex-start{align-self:flex-start}.thread-ui-bg-c_transparent{background-color:var(--thread-ui-colors-transparent)}.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-fs_sm{font-size:var(--thread-ui-font-sizes-sm)}.thread-ui-c_text\.standard{color:var(--thread-ui-colors-text-standard)}.thread-ui-bg-c_inset{background-color:var(--thread-ui-colors-inset)}.thread-ui-ap_none{appearance:none;-webkit-appearance:none}.thread-ui-as_start{align-self:start}.thread-ui-resize_vertical{resize:vertical}.thread-ui-bg-c_canvas{background-color:var(--thread-ui-colors-canvas)}.thread-ui-bg-c_surface{background-color:var(--thread-ui-colors-surface)}.thread-ui-bg-c_elevated{background-color:var(--thread-ui-colors-elevated)}.thread-ui-bg-c_overlay{background-color:var(--thread-ui-colors-overlay)}.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-pos_relative{position:relative}.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-asp_8_\/_5{aspect-ratio:8/5}.thread-ui-cursor_pointer{cursor:pointer}.thread-ui-bx-sh_none{box-shadow:none}.thread-ui-bx-sh_sm{box-shadow:var(--thread-ui-shadows-sm)}.thread-ui-bx-sh_md{box-shadow:var(--thread-ui-shadows-md)}.thread-ui-bx-sh_lg{box-shadow:var(--thread-ui-shadows-lg)}.thread-ui-obj-f_cover{object-fit:cover}.thread-ui-jc_flex-start{justify-content:flex-start}.thread-ui-flex-sh_0{flex-shrink:0}.thread-ui-scr-bar-w_thin{scrollbar-width:thin}.thread-ui-scr-bar-c_token\(colors\.structure\.default\)_transparent{scrollbar-color:var(--thread-ui-colors-structure-default) transparent}.thread-ui-pos_sticky{position:sticky}.thread-ui-z_sticky{z-index:var(--thread-ui-z-index-sticky)}.thread-ui-cg_20px{column-gap:20px}.thread-ui-anim-dur_300ms{animation-duration:300ms}.thread-ui-anim-tmf_linear{animation-timing-function:var(--thread-ui-easings-linear)}.thread-ui-pos_absolute{position:absolute}.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-ring-o_2px{outline-offset:2px}.thread-ui-bg-c_text\.standard{background-color:var(--thread-ui-colors-text-standard)}.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-text-decoration-line_underline{text-decoration-line:underline}.thread-ui-c_primary\.main{color:var(--thread-ui-colors-primary-main)}.thread-ui-c_secondary\.main{color:var(--thread-ui-colors-secondary-main)}.thread-ui-c_tertiary\.main{color:var(--thread-ui-colors-tertiary-main)}.thread-ui-c_gray\.main{color:var(--thread-ui-colors-gray-main)}.thread-ui-c_success\.main{color:var(--thread-ui-colors-success-main)}.thread-ui-c_warning\.main{color:var(--thread-ui-colors-warning-main)}.thread-ui-c_error\.main{color:var(--thread-ui-colors-error-main)}.thread-ui-c_info\.main{color:var(--thread-ui-colors-info-main)}.thread-ui-c_black{color:var(--thread-ui-colors-black)}.thread-ui-bg-c_structure\.default{background-color:var(--thread-ui-colors-structure-default)}.thread-ui-bg-c_structure\.strong{background-color:var(--thread-ui-colors-structure-strong)}.thread-ui-ai_top{align-items:top}.thread-ui-d_inline-flex{display:inline-flex}.thread-ui-bg-c_white{background-color:var(--thread-ui-colors-white)}.thread-ui-trf_translateX\(4px\){transform:translateX(4px)}.thread-ui-trf_translateX\(24px\){transform:translateX(24px)}.thread-ui-clip_rect\(0\,_0\,_0\,_0\){clip:rect(0,0,0,0)}.thread-ui-z_base{z-index:var(--thread-ui-z-index-base)}.thread-ui-z_overlay{z-index:var(--thread-ui-z-index-overlay)}.thread-ui-z_system{z-index:var(--thread-ui-z-index-system)}.thread-ui-c_text\.secondary{color:var(--thread-ui-colors-text-secondary)}.thread-ui-c_text\.disabled{color:var(--thread-ui-colors-text-disabled)}.thread-ui-c_text\.accent{color:var(--thread-ui-colors-text-accent)}.thread-ui-c_text\.inverted{color:var(--thread-ui-colors-text-inverted)}.thread-ui-jc_space-between{justify-content:space-between}.thread-ui-flex-g_0{flex-grow:0}.thread-ui-flex-b_100\%{flex-basis:100%}.thread-ui-tch-a_pan-y_pinch-zoom{touch-action:pan-y pinch-zoom}.thread-ui-flex-d_row-reverse{flex-direction:row-reverse}.thread-ui-scr-bar-w_none{scrollbar-width:none}.thread-ui-fs_md{font-size:var(--thread-ui-font-sizes-md)}.thread-ui-flex-wrap_wrap{flex-wrap:wrap}.thread-ui-flex-wrap_inherit{flex-wrap:inherit}.thread-ui-fs_xs{font-size:var(--thread-ui-font-sizes-xs)}.thread-ui-bg-c_active{background-color:var(--thread-ui-colors-active)}.thread-ui-d_none{display:none}.thread-ui-jc_normal{justify-content:normal}.thread-ui-as_flex-end{align-self:flex-end}.thread-ui-bg-c_gray\.light{background-color:var(--thread-ui-colors-gray-light)}.thread-ui-d_grid{display:grid}.thread-ui-bg-c_primary\.main{background-color:var(--thread-ui-colors-primary-main)}.thread-ui-c_inherit{color:inherit}.thread-ui-bg-i_linear-gradient\(90deg\,_var\(--thread-structure-subtle\)_25\%\,_var\(--thread-hover\)_50\%\,_var\(--thread-structure-subtle\)_75\%\){background-image:linear-gradient(90deg,var(--thread-structure-subtle) 25%,var(--thread-hover) 50%,var(--thread-structure-subtle) 75%)}.thread-ui-bg-s_200\%_100\%{background-size:200% 100%}.thread-ui-trf_translate3d\(0\,_0\,_0\){transform:translate3d(0,0,0)}.thread-ui-flex-b_var\(--thread-gallery-display-item-width\){flex-basis:var(--thread-gallery-display-item-width)}.thread-ui-us_none{-webkit-user-select:none;user-select:none}.thread-ui-trf_translateX\(-50\%\){transform:translateX(-50%)}.thread-ui-pos_static{position:static}.thread-ui-li-t_none{list-style-type:none}.thread-ui-w_100\%{width:100%}.thread-ui-pb_1{padding-bottom:var(--thread-ui-spacing-1)}.thread-ui-mb_none{margin-bottom:var(--thread-ui-spacing-none)}.thread-ui-mb_xxs{margin-bottom:var(--thread-ui-spacing-xxs)}.thread-ui-mb_xs{margin-bottom:var(--thread-ui-spacing-xs)}.thread-ui-mb_sm{margin-bottom:var(--thread-ui-spacing-sm)}.thread-ui-mb_md{margin-bottom:var(--thread-ui-spacing-md)}.thread-ui-mb_lg{margin-bottom:var(--thread-ui-spacing-lg)}.thread-ui-mb_xl{margin-bottom:var(--thread-ui-spacing-xl)}.thread-ui-mb_xxl{margin-bottom:var(--thread-ui-spacing-xxl)}.thread-ui-h_5{height:var(--thread-ui-sizes-5)}.thread-ui-mb_1{margin-bottom:var(--thread-ui-spacing-1)}.thread-ui-mb_1\.5{margin-bottom:var(--thread-ui-spacing-1\.5)}.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-pt_10{padding-top:var(--thread-ui-spacing-10)}.thread-ui-pb_10{padding-bottom:var(--thread-ui-spacing-10)}.thread-ui-mb_6{margin-bottom:var(--thread-ui-spacing-6)}.thread-ui-h_auto{height:auto}.thread-ui-min-w_0{min-width:var(--thread-ui-sizes-0)}.thread-ui-max-w_1400px{max-width:1400px}.thread-ui-pr_2rem{padding-right:2rem}.thread-ui-pl_2rem{padding-left:2rem}.thread-ui-max-w_1280px{max-width:1280px}.thread-ui-w_full{width:var(--thread-ui-sizes-full)}.thread-ui-mt_2{margin-top:var(--thread-ui-spacing-2)}.thread-ui-h_100\%{height:100%}.thread-ui-max-h_60{max-height:var(--thread-ui-sizes-60)}.thread-ui-max-w_391px{max-width:391px}.thread-ui-min-h_0{min-height:var(--thread-ui-sizes-0)}.thread-ui-h_10{height:var(--thread-ui-sizes-10)}.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_64{max-width:var(--thread-ui-sizes-64)}.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_md{border-bottom-width:var(--thread-ui-border-widths-md)}.thread-ui-bd-b-c_structure\.subtle{border-bottom-color:var(--thread-ui-colors-structure-subtle)}.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_md{border-left-width:var(--thread-ui-border-widths-md)}.thread-ui-bd-l-c_structure\.default{border-left-color:var(--thread-ui-colors-structure-default)}.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-mt_8px{margin-top:8px}.thread-ui-w_16px{width:16px}.thread-ui-mr_8{margin-right:var(--thread-ui-spacing-8)}.thread-ui-max-w_150{max-width:150px}.thread-ui-max-w_850px{max-width:850px}.thread-ui-mb_3{margin-bottom:var(--thread-ui-spacing-3)}.thread-ui-h_0\.125{height:0.125px}.thread-ui-h_0\.25{height:0.25px}.thread-ui-h_0\.5{height:var(--thread-ui-sizes-0\.5)}.thread-ui-w_75\%{width:75%}.thread-ui-pt_0{padding-top:var(--thread-ui-spacing-0)}.thread-ui-h_6{height:var(--thread-ui-sizes-6)}.thread-ui-w_11{width:var(--thread-ui-sizes-11)}.thread-ui-h_4{height:var(--thread-ui-sizes-4)}.thread-ui-w_4{width:var(--thread-ui-sizes-4)}.thread-ui-w_0\.25{width:0.25px}.thread-ui-w_50px{width:50px}.thread-ui-mt_3{margin-top:var(--thread-ui-spacing-3)}.thread-ui-mb_4{margin-bottom:var(--thread-ui-spacing-4)}.thread-ui-pl_3{padding-left:var(--thread-ui-spacing-3)}.thread-ui-ml_-3{margin-left:calc(var(--thread-ui-spacing-3) * -1)}.thread-ui-h_300px{height:300px}.thread-ui-h_500px{height:500px}.thread-ui-h_700px{height:700px}.thread-ui-h_60px{height:60px}.thread-ui-h_75px{height:75px}.thread-ui-h_100px{height:100px}.thread-ui-w_90vw{width:90vw}.thread-ui-h_85vh{height:85vh}.thread-ui-max-h_80vh{max-height:80vh}.thread-ui-ov-x_auto{overflow-x:auto}.thread-ui-bd-b-c_structure\.default{border-bottom-color:var(--thread-ui-colors-structure-default)}.thread-ui-w_fit-content{width:fit-content}.thread-ui-mr_1{margin-right:var(--thread-ui-spacing-1)}.thread-ui-mr_2{margin-right:var(--thread-ui-spacing-2)}.thread-ui-min-h_6{min-height:var(--thread-ui-sizes-6)}.thread-ui-min-w_75\%{min-width:75%}.thread-ui-max-h_24{max-height:var(--thread-ui-sizes-24)}.thread-ui-max-w_24{max-width:var(--thread-ui-sizes-24)}.thread-ui-w_2{width:var(--thread-ui-sizes-2)}.thread-ui-h_2{height:var(--thread-ui-sizes-2)}.thread-ui-w_8{width:var(--thread-ui-sizes-8)}.thread-ui-h_8{height:var(--thread-ui-sizes-8)}.thread-ui-w_12{width:var(--thread-ui-sizes-12)}.thread-ui-h_12{height:var(--thread-ui-sizes-12)}.thread-ui-w_20{width:var(--thread-ui-sizes-20)}.thread-ui-h_20{height:var(--thread-ui-sizes-20)}.thread-ui-bd-t-c_primary\.light{border-top-color:var(--thread-ui-colors-primary-light)}.thread-ui-bd-t-c_secondary\.light{border-top-color:var(--thread-ui-colors-secondary-light)}.thread-ui-bd-t-c_tertiary\.light{border-top-color:var(--thread-ui-colors-tertiary-light)}.thread-ui-bd-t-c_black{border-top-color:var(--thread-ui-colors-black)}.thread-ui-bd-t-c_gray\.main{border-top-color:var(--thread-ui-colors-gray-main)}.thread-ui-bd-t-c_text\.standard{border-top-color:var(--thread-ui-colors-text-standard)}.thread-ui-max-w_100\%{max-width:100%}.thread-ui-min-h_4{min-height:var(--thread-ui-sizes-4)}.thread-ui-pl_var\(--thread-gallery-display-item-spacing\){padding-left:var(--thread-gallery-display-item-spacing)}.thread-ui-h_var\(--thread-gallery-display-item-height\){height:var(--thread-gallery-display-item-height)}.thread-ui-ml_calc\(var\(--thread-gallery-display-item-spacing\)_\*_-1\){margin-left:calc(var(--thread-gallery-display-item-spacing) * -1)}.thread-ui-ml_calc\(var\(--thread-gallery-item-track-spacing\)_\*_-1\){margin-left:calc(var(--thread-gallery-item-track-spacing) * -1)}.thread-ui-pl_var\(--thread-gallery-item-track-spacing\){padding-left:var(--thread-gallery-item-track-spacing)}.thread-ui-h_3rem{height:3rem}.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}.after\:thread-ui-inset_0:after{inset:var(--thread-ui-spacing-0)}.\[\&\:\:-webkit-scrollbar-track\]\:thread-ui-bg_transparent::-webkit-scrollbar-track{background:var(--thread-ui-colors-transparent)}.after\:thread-ui-trs_opacity_0\.15s_ease:after{transition:opacity 0.15s ease}.\[\&\:\:-webkit-scrollbar-thumb\]\:thread-ui-bdr_md::-webkit-scrollbar-thumb{border-radius:var(--thread-ui-radii-md)}.\[\&_img\]\:thread-ui-bdr_lg img{border-radius:var(--thread-ui-radii-lg)}.\[\&\:\:-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}.after\:thread-ui-content_\"\":after{content:""}.after\:thread-ui-pos_absolute:after{position:absolute}.after\:thread-ui-bg-c_text\.standard:after{background-color:var(--thread-ui-colors-text-standard)}.after\:thread-ui-op_0:after{opacity:0}.after\:thread-ui-pointer-events_none:after{pointer-events:none}.\[\&\:\:-webkit-scrollbar-thumb\]\:thread-ui-bg-c_structure\.subtle::-webkit-scrollbar-thumb{background-color:var(--thread-ui-colors-structure-subtle)}.\[\&\:\:-webkit-scrollbar\]\:thread-ui-d_none::-webkit-scrollbar{display:none}.\[\&_img\]\:thread-ui-obj-f_contain img{object-fit:contain}.\[\&\:\:-webkit-scrollbar\]\:thread-ui-w_2px::-webkit-scrollbar{width:2px}.\[\&_img\]\:thread-ui-max-w_100\% img{max-width:100%}.\[\&_img\]\:thread-ui-max-h_100\% img{max-height:100%}.\[\&_img\]\:thread-ui-w_auto img{width:auto}.\[\&_img\]\:thread-ui-h_auto img{height:auto}.\[\&_img\]\:thread-ui-h_100\% img{height:100%}.focus\:thread-ui-ring_none:is(:focus,[data-focus]){outline:var(--thread-ui-borders-none)}.focus\:thread-ui-bd-c_info\.main:is(:focus,[data-focus]){border-color:var(--thread-ui-colors-info-main)}.focus\:thread-ui-ring-c_structure\.default:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-structure-default)}.focus\:thread-ui-ring-c_info\.main:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-info-main)}.focus\:thread-ui-bx-sh_0_0_0_2px_\{colors\.info\.main\}:is(:focus,[data-focus]){box-shadow:0 0 0 2px var(--thread-ui-colors-info-main)}.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_warning\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-warning-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_none:is(:hover,[data-hover]){text-decoration:none}.hover\:thread-ui-td_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:thread-ui-bg-c_hover:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-hover)}.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:thread-ui-bg-c_structure\.subtle::-webkit-scrollbar-thumb:hover{background-color:var(--thread-ui-colors-structure-subtle)}.hover\:thread-ui-bg-c_primary\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-c_text\.inverted:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-inverted)}.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_warning\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-warning-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_transparent:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-transparent)}.hover\:thread-ui-c_text\.standard:is(:hover,[data-hover]){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-c_primary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-c_secondary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-secondary-main)}.hover\:thread-ui-c_tertiary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-tertiary-main)}.hover\:thread-ui-c_gray\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-gray-main)}.hover\:thread-ui-c_success\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-success-main)}.hover\:thread-ui-c_warning\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-warning-main)}.hover\:thread-ui-c_error\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-error-main)}.hover\:thread-ui-c_info\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-info-main)}.hover\:thread-ui-c_black:is(:hover,[data-hover]){color:var(--thread-ui-colors-black)}.hover\:thread-ui-c_white:is(:hover,[data-hover]){color:var(--thread-ui-colors-white)}.hover\:thread-ui-bg-c_primary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-light)}.hover\:thread-ui-bg-c_secondary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-secondary-light)}.hover\:thread-ui-bg-c_tertiary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-tertiary-light)}.hover\:thread-ui-bg-c_gray\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-gray-light)}.hover\:thread-ui-bg-c_success\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-success-light)}.hover\:thread-ui-bg-c_warning\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-warning-light)}.hover\:thread-ui-bg-c_error\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-error-light)}.hover\:thread-ui-bg-c_info\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-info-light)}.hover\:thread-ui-bg-c_surface:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-surface)}.hover\:thread-ui-bd-b-c_structure\.subtle:is(:hover,[data-hover]){border-bottom-color:var(--thread-ui-colors-structure-subtle)}.hover\:thread-ui-bd-b-c_structure\.strong:is(:hover,[data-hover]){border-bottom-color:var(--thread-ui-colors-structure-strong)}.active\:thread-ui-bg-c_active:is(:active,[data-active]){background-color:var(--thread-ui-colors-active)}.hover\:\[\&_\.info-card-image-wrapper\:\:after\]\:thread-ui-op_0\.1:is(:hover,[data-hover]) .info-card-image-wrapper:after{opacity:0.1}@media screen and (min-width: 48rem){.thread-ui-hide_md{display:none}.md\:thread-ui-mx_auto{margin-inline:auto}.md\:thread-ui-px_1{padding-inline:var(--thread-ui-spacing-1)}.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-flex-b_100\%{flex-basis:100%}.md\:thread-ui-flex-b_50\%{flex-basis:50%}.md\:thread-ui-flex-b_33\.333\%{flex-basis:33.333%}.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_8{padding-top:var(--thread-ui-spacing-8)}.md\:thread-ui-pb_8{padding-bottom:var(--thread-ui-spacing-8)}.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-pl_4{padding-left:var(--thread-ui-spacing-4)}.md\:thread-ui-ml_-4{margin-left:calc(var(--thread-ui-spacing-4) * -1)}.md\:thread-ui-max-h_100\%{max-height:100%}.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}.md\:thread-ui-h_var\(--thread-gallery-track-item-height\){height:var(--thread-gallery-track-item-height)}}@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_3{gap:var(--thread-ui-spacing-3)}.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-flex-b_100\%{flex-basis:100%}.lg\:thread-ui-flex-b_50\%{flex-basis:50%}.lg\:thread-ui-flex-b_33\.333\%{flex-basis:33.333%}.lg\:thread-ui-flex-b_25\%{flex-basis:25%}.lg\:thread-ui-flex-b_20\%{flex-basis:20%}.lg\:thread-ui-flex-b_16\.666\%{flex-basis:16.666%}.lg\:thread-ui-grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.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_6{padding-top:var(--thread-ui-spacing-6)}.lg\:thread-ui-pb_6{padding-bottom:var(--thread-ui-spacing-6)}.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_3{margin-top:var(--thread-ui-spacing-3)}.lg\:thread-ui-w_7\/12{width:58.333333%}.lg\:thread-ui-max-h_\[500px\]{max-height:500px}.lg\:thread-ui-ov-y_auto{overflow-y:auto}.lg\:thread-ui-top_0px{top:0px}.lg\:thread-ui-bd-b-w_0{border-bottom-width:0}.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_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%}.lg\:thread-ui-h_2\.5rem{height:2.5rem}.lg\:thread-ui-w_fit-content{width:fit-content}}@media screen and (max-width: 47.9975rem){.thread-ui-show_md{display:none}}}
|
|
1
|
+
@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:'🐼'}body,html{font-family:var(--thread-ui-fonts-body)}button,input,select,textarea{font-family:inherit}*,::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-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-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-colors-scrim:var(--thread-scrim);--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-spacing-none:var(--thread-spacing-none);--thread-ui-spacing-xxs:var(--thread-spacing-xxs);--thread-ui-spacing-xs:var(--thread-spacing-xs);--thread-ui-spacing-sm:var(--thread-spacing-sm);--thread-ui-spacing-md:var(--thread-spacing-md);--thread-ui-spacing-lg:var(--thread-spacing-lg);--thread-ui-spacing-xl:var(--thread-spacing-xl);--thread-ui-spacing-xxl:var(--thread-spacing-xxl);--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-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-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-shadows-sm:var(--thread-shadow-sm);--thread-ui-shadows-md:var(--thread-shadow-md);--thread-ui-shadows-lg:var(--thread-shadow-lg);--thread-ui-z-index-base:var(--thread-z-index-base);--thread-ui-z-index-sticky:var(--thread-z-index-sticky);--thread-ui-z-index-overlay:var(--thread-z-index-overlay);--thread-ui-z-index-modal:var(--thread-z-index-modal);--thread-ui-z-index-system:var(--thread-z-index-system);--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-body:var(--thread-font-family-body);--thread-ui-fonts-heading:var(--thread-font-family-heading);--thread-ui-fonts-mono:var(--thread-font-family-mono);--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-font-sizes-heading-sm:var(--thread-font-size-heading-sm);--thread-ui-font-sizes-heading-md:var(--thread-font-size-heading-md);--thread-ui-font-sizes-heading-lg:var(--thread-font-size-heading-lg);--thread-ui-font-sizes-heading-xl:var(--thread-font-size-heading-xl);--thread-ui-font-sizes-body-xxs:var(--thread-font-size-body-xxs);--thread-ui-font-sizes-body-xs:var(--thread-font-size-body-xs);--thread-ui-font-sizes-body-sm:var(--thread-font-size-body-sm);--thread-ui-font-sizes-body-md:var(--thread-font-size-body-md);--thread-ui-font-sizes-body-lg:var(--thread-font-size-body-lg);--thread-ui-font-sizes-body-xl:var(--thread-font-size-body-xl);--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-extrabold:800;--thread-ui-font-weights-black:900;--thread-ui-font-weights-regular:var(--thread-font-weight-regular);--thread-ui-font-weights-medium:var(--thread-font-weight-medium);--thread-ui-font-weights-semibold:var(--thread-font-weight-semibold);--thread-ui-font-weights-bold:var(--thread-font-weight-bold);--thread-ui-line-heights-snug:1.375;--thread-ui-line-heights-relaxed:1.625;--thread-ui-line-heights-none:var(--thread-line-height-none);--thread-ui-line-heights-tighter:var(--thread-line-height-tighter);--thread-ui-line-heights-tight:var(--thread-line-height-tight);--thread-ui-line-heights-normal:var(--thread-line-height-normal);--thread-ui-line-heights-loose:var(--thread-line-height-loose);--thread-ui-line-heights-looser:var(--thread-line-height-looser);--thread-ui-letter-spacings-tighter:-0.05em;--thread-ui-letter-spacings-wider:0.05em;--thread-ui-letter-spacings-widest:0.1em;--thread-ui-letter-spacings-tight:var(--thread-letter-spacing-tight);--thread-ui-letter-spacings-normal:var(--thread-letter-spacing-normal);--thread-ui-letter-spacings-wide:var(--thread-letter-spacing-wide);--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-canvas:var(--thread-canvas);--thread-ui-colors-inset:var(--thread-inset);--thread-ui-colors-surface:var(--thread-surface);--thread-ui-colors-elevated:var(--thread-elevated);--thread-ui-colors-overlay:var(--thread-overlay);--thread-ui-colors-active:var(--thread-active);--thread-ui-colors-hover:var(--thread-hover);--thread-ui-colors-structure-subtle:var(--thread-structure-subtle);--thread-ui-colors-structure-default:var(--thread-structure-default);--thread-ui-colors-structure-strong:var(--thread-structure-strong);--thread-ui-colors-text-standard:var(--thread-text-standard);--thread-ui-colors-text-secondary:var(--thread-text-secondary);--thread-ui-colors-text-tertiary:var(--thread-text-tertiary);--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 ping{75%,to{transform:scale(2);opacity:0}}@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)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:0.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@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;white-space:nowrap;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-transparent);color:var(--thread-ui-colors-primary-main)}.thread-ui-button--size_md{padding:var(--thread-ui-spacing-2);gap:var(--thread-ui-spacing-2);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-transparent);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-transparent);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-transparent);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-transparent);color:var(--thread-ui-colors-success-main)}.thread-ui-button--color_warning{border-color:var(--thread-ui-colors-warning-main);background-color:var(--thread-ui-colors-warning-main)}.thread-ui-button--color_warning:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-warning-main);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-warning-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-transparent);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-transparent);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);color:var(--thread-ui-colors-text-inverted)}.thread-ui-button--color_text:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-text-standard);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-text-standard)}.thread-ui-button--color_neutral{border-color:var(--thread-text-tertiary);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-text-tertiary)}.thread-ui-button--color_neutral:is(:hover,[data-hover]){border-color:var(--thread-text-secondary);background-color:var(--thread-ui-colors-transparent);color:var(--thread-ui-colors-text-secondary)}.thread-ui-button--size_sm{padding:var(--thread-ui-spacing-1);gap:var(--thread-ui-spacing-1);font-size:0.5rem}.thread-ui-button--size_lg{padding:var(--thread-ui-spacing-3);gap:var(--thread-ui-spacing-3);font-size:1.5rem}.thread-ui-button--fullWidth_true{width:100%}.thread-ui-button--disabled_true{opacity:0.6}.thread-ui-button--textVariant_true{border-color:var(--thread-ui-colors-transparent);background-color:var(--thread-ui-colors-transparent)}.thread-ui-button--textVariant_true:is(:hover,[data-hover]){text-decoration:underline}}@layer thread-utilities{.thread-ui-inset_0{inset:var(--thread-ui-spacing-0)}.thread-ui-bg_scrim{background:var(--thread-ui-colors-scrim)}.thread-ui-p_6{padding:var(--thread-ui-spacing-6)}.thread-ui-p_3{padding:var(--thread-ui-spacing-3)}.thread-ui-m_auto{margin:auto}.thread-ui-p_2\.5{padding:var(--thread-ui-spacing-2\.5)}.thread-ui-p_4{padding:var(--thread-ui-spacing-4)}.thread-ui-p_0{padding:var(--thread-ui-spacing-0)}.thread-ui-p_5{padding:var(--thread-ui-spacing-5)}.thread-ui-m_-1px{margin:-1px}.thread-ui-bg_transparent{background:var(--thread-ui-colors-transparent)}.thread-ui-bg_canvas{background:var(--thread-ui-colors-canvas)}.thread-ui-bg_inset{background:var(--thread-ui-colors-inset)}.thread-ui-bg_surface{background:var(--thread-ui-colors-surface)}.thread-ui-bg_elevated{background:var(--thread-ui-colors-elevated)}.thread-ui-bg_overlay{background:var(--thread-ui-colors-overlay)}.thread-ui-p_8{padding:var(--thread-ui-spacing-8)}.thread-ui-p_1{padding:var(--thread-ui-spacing-1)}.thread-ui-anim_pulse_1\.2s_ease-in-out_infinite{animation:pulse 1.2s ease-in-out infinite}.thread-ui-bg_primary\.light{background:var(--thread-ui-colors-primary-light)}.thread-ui-bg_secondary\.light{background:var(--thread-ui-colors-secondary-light)}.thread-ui-bg_tertiary\.light{background:var(--thread-ui-colors-tertiary-light)}.thread-ui-bg_black{background:var(--thread-ui-colors-black)}.thread-ui-bg_gray\.main{background:var(--thread-ui-colors-gray-main)}.thread-ui-bg_text\.standard{background:var(--thread-ui-colors-text-standard)}.thread-ui-anim_shimmer_1\.5s_linear_infinite{animation:shimmer 1.5s linear infinite}.thread-ui-anim_spin_0\.75s_linear_infinite{animation:spin 0.75s linear infinite}.thread-ui-p_2{padding:var(--thread-ui-spacing-2)}.thread-ui-p_16px{padding:16px}.thread-ui-p_4px_8px{padding:4px 8px}.thread-ui-p_8px_16px{padding:8px 16px}.thread-ui-ov_hidden{overflow:hidden}.thread-ui-py_2px{padding-block:2px}.thread-ui-px_3px{padding-inline:3px}.thread-ui-bdr_xs{border-radius:var(--thread-ui-radii-xs)}.thread-ui-bd-w_sm{border-width:var(--thread-ui-border-widths-sm)}.thread-ui-bd-c_structure\.default{border-color:var(--thread-ui-colors-structure-default)}.thread-ui-gap_1{gap:var(--thread-ui-spacing-1)}.thread-ui-gap_2{gap:var(--thread-ui-spacing-2)}.thread-ui-gap_3{gap:var(--thread-ui-spacing-3)}.thread-ui-bd-w_md{border-width:var(--thread-ui-border-widths-md)}.thread-ui-px_4{padding-inline:var(--thread-ui-spacing-4)}.thread-ui-py_2{padding-block:var(--thread-ui-spacing-2)}.thread-ui-border-style_solid{border-style:solid}.thread-ui-bdr_md{border-radius:var(--thread-ui-radii-md)}.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_sm{border-radius:var(--thread-ui-radii-sm)}.thread-ui-py_10{padding-block:var(--thread-ui-spacing-10)}.thread-ui-mx_auto{margin-inline:auto}.thread-ui-py_4{padding-block:var(--thread-ui-spacing-4)}.thread-ui-mx_0{margin-inline:var(--thread-ui-spacing-0)}.thread-ui-gap_12px{gap:12px}.thread-ui-trs_background-color_0\.15s_ease\,_box-shadow_0\.15s_ease{transition:background-color 0.15s ease,box-shadow 0.15s ease}.thread-ui-bd-w_0{border-width:0}.thread-ui-bd-c_structure\.subtle{border-color:var(--thread-ui-colors-structure-subtle)}.thread-ui-bd-c_structure\.strong{border-color:var(--thread-ui-colors-structure-strong)}.thread-ui-flex_1{flex:1 1 0%}.thread-ui-my_2{margin-block:var(--thread-ui-spacing-2)}.thread-ui-gap_24px{gap:24px}.thread-ui-ring_2px_solid_transparent{outline:2px solid transparent}.thread-ui-gap_16px{gap:16px}.thread-ui-py_8px{padding-block:8px}.thread-ui-my_4{margin-block:var(--thread-ui-spacing-4)}.thread-ui-bdr_lg{border-radius:var(--thread-ui-radii-lg)}.thread-ui-bdr_9999px{border-radius:9999px}.thread-ui-trs_background-color_200ms_ease-in-out{transition:background-color 200ms ease-in-out}.thread-ui-ring_none{outline:var(--thread-ui-borders-none)}.thread-ui-trs_transform_200ms_ease-in-out{transition:transform 200ms ease-in-out}.thread-ui-gap_3\.5{gap:var(--thread-ui-spacing-3\.5)}.thread-ui-gap_1\.5{gap:var(--thread-ui-spacing-1\.5)}.thread-ui-bd-c_transparent{border-color:var(--thread-ui-colors-transparent)}.thread-ui-ov_auto{overflow:auto}.thread-ui-px_3{padding-inline:var(--thread-ui-spacing-3)}.thread-ui-bd-w_lg{border-width:var(--thread-ui-border-widths-lg)}.thread-ui-border-style_dashed{border-style:dashed}.thread-ui-gap_7{gap:var(--thread-ui-spacing-7)}.thread-ui-bd-c_info\.main{border-color:var(--thread-ui-colors-info-main)}.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-px_16px{padding-inline:16px}.thread-ui-my_4px{margin-block:4px}.thread-ui-bd-c_surface{border-color:var(--thread-ui-colors-surface)}.thread-ui-bdr_20px{border-radius:20px}.thread-ui-bd-c_primary\.main{border-color:var(--thread-ui-colors-primary-main)}.thread-ui-bdr_full{border-radius:var(--thread-ui-radii-full)}.thread-ui-bd-c_gray\.light{border-color:var(--thread-ui-colors-gray-light)}.thread-ui-bd-w_2px{border-width:2px}.thread-ui-bd-w_4px{border-width:4px}.thread-ui-bd-w_8px{border-width:8px}.thread-ui-bdr_none{border-radius:none}.thread-ui-flex_0_0_auto{flex:0 0 auto}.thread-ui-flex_0_0_22\%{flex:0 0 22%}.thread-ui-td_none{text-decoration:none}.thread-ui-trs_all_150ms_ease-in-out{transition:all 150ms ease-in-out}.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-ff_body{font-family:var(--thread-ui-fonts-body)}.thread-ui-ff_heading{font-family:var(--thread-ui-fonts-heading)}.thread-ui-ff_mono{font-family:var(--thread-ui-fonts-mono)}.thread-ui-fs_heading\.sm{font-size:var(--thread-ui-font-sizes-heading-sm)}.thread-ui-fs_heading\.md{font-size:var(--thread-ui-font-sizes-heading-md)}.thread-ui-fs_heading\.lg{font-size:var(--thread-ui-font-sizes-heading-lg)}.thread-ui-fs_heading\.xl{font-size:var(--thread-ui-font-sizes-heading-xl)}.thread-ui-fs_body\.xxs{font-size:var(--thread-ui-font-sizes-body-xxs)}.thread-ui-fs_body\.xs{font-size:var(--thread-ui-font-sizes-body-xs)}.thread-ui-fs_body\.sm{font-size:var(--thread-ui-font-sizes-body-sm)}.thread-ui-fs_body\.md{font-size:var(--thread-ui-font-sizes-body-md)}.thread-ui-fs_body\.lg{font-size:var(--thread-ui-font-sizes-body-lg)}.thread-ui-fs_body\.xl{font-size:var(--thread-ui-font-sizes-body-xl)}.thread-ui-fw_regular{font-weight:var(--thread-ui-font-weights-regular)}.thread-ui-fw_medium{font-weight:var(--thread-ui-font-weights-medium)}.thread-ui-fw_semibold{font-weight:var(--thread-ui-font-weights-semibold)}.thread-ui-fw_bold{font-weight:var(--thread-ui-font-weights-bold)}.thread-ui-lh_none{line-height:var(--thread-ui-line-heights-none)}.thread-ui-lh_tighter{line-height:var(--thread-ui-line-heights-tighter)}.thread-ui-lh_tight{line-height:var(--thread-ui-line-heights-tight)}.thread-ui-lh_normal{line-height:var(--thread-ui-line-heights-normal)}.thread-ui-lh_loose{line-height:var(--thread-ui-line-heights-loose)}.thread-ui-lh_looser{line-height:var(--thread-ui-line-heights-looser)}.thread-ui-ls_tight{letter-spacing:var(--thread-ui-letter-spacings-tight)}.thread-ui-ls_normal{letter-spacing:var(--thread-ui-letter-spacings-normal)}.thread-ui-ls_wide{letter-spacing:var(--thread-ui-letter-spacings-wide)}.thread-ui-ta_left{text-align:left}.thread-ui-ta_center{text-align:center}.thread-ui-white-space_nowrap{white-space:nowrap}.thread-ui-tov_ellipsis{text-overflow:ellipsis}.thread-ui-ti_4{text-indent:var(--thread-ui-spacing-4)}.thread-ui-bg-c_structure\.subtle{background-color:var(--thread-ui-colors-structure-subtle)}.thread-ui-flex-d_row{flex-direction:row}.thread-ui-d_contents{display:contents}.thread-ui-pos_fixed{position:fixed}.thread-ui-jc_center{justify-content:center}.thread-ui-z_modal{z-index:var(--thread-ui-z-index-modal)}.thread-ui-ai_start{align-items:start}.thread-ui-d_block{display:block}.thread-ui-as_flex-start{align-self:flex-start}.thread-ui-bg-c_transparent{background-color:var(--thread-ui-colors-transparent)}.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-fs_sm{font-size:var(--thread-ui-font-sizes-sm)}.thread-ui-c_text\.standard{color:var(--thread-ui-colors-text-standard)}.thread-ui-bg-c_inset{background-color:var(--thread-ui-colors-inset)}.thread-ui-ap_none{appearance:none;-webkit-appearance:none}.thread-ui-as_start{align-self:start}.thread-ui-resize_vertical{resize:vertical}.thread-ui-bg-c_canvas{background-color:var(--thread-ui-colors-canvas)}.thread-ui-bg-c_surface{background-color:var(--thread-ui-colors-surface)}.thread-ui-bg-c_elevated{background-color:var(--thread-ui-colors-elevated)}.thread-ui-bg-c_overlay{background-color:var(--thread-ui-colors-overlay)}.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-pos_relative{position:relative}.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-asp_8_\/_5{aspect-ratio:8/5}.thread-ui-cursor_pointer{cursor:pointer}.thread-ui-bx-sh_none{box-shadow:none}.thread-ui-bx-sh_sm{box-shadow:var(--thread-ui-shadows-sm)}.thread-ui-bx-sh_md{box-shadow:var(--thread-ui-shadows-md)}.thread-ui-bx-sh_lg{box-shadow:var(--thread-ui-shadows-lg)}.thread-ui-obj-f_cover{object-fit:cover}.thread-ui-jc_flex-start{justify-content:flex-start}.thread-ui-flex-sh_0{flex-shrink:0}.thread-ui-scr-bar-w_thin{scrollbar-width:thin}.thread-ui-scr-bar-c_token\(colors\.structure\.default\)_transparent{scrollbar-color:var(--thread-ui-colors-structure-default) transparent}.thread-ui-pos_sticky{position:sticky}.thread-ui-z_sticky{z-index:var(--thread-ui-z-index-sticky)}.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-pos_absolute{position:absolute}.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-ring-o_2px{outline-offset:2px}.thread-ui-bg-c_text\.standard{background-color:var(--thread-ui-colors-text-standard)}.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-text-decoration-line_underline{text-decoration-line:underline}.thread-ui-c_primary\.main{color:var(--thread-ui-colors-primary-main)}.thread-ui-c_secondary\.main{color:var(--thread-ui-colors-secondary-main)}.thread-ui-c_tertiary\.main{color:var(--thread-ui-colors-tertiary-main)}.thread-ui-c_gray\.main{color:var(--thread-ui-colors-gray-main)}.thread-ui-c_success\.main{color:var(--thread-ui-colors-success-main)}.thread-ui-c_warning\.main{color:var(--thread-ui-colors-warning-main)}.thread-ui-c_error\.main{color:var(--thread-ui-colors-error-main)}.thread-ui-c_info\.main{color:var(--thread-ui-colors-info-main)}.thread-ui-c_text\.tertiary{color:var(--thread-ui-colors-text-tertiary)}.thread-ui-c_black{color:var(--thread-ui-colors-black)}.thread-ui-bg-c_structure\.default{background-color:var(--thread-ui-colors-structure-default)}.thread-ui-bg-c_structure\.strong{background-color:var(--thread-ui-colors-structure-strong)}.thread-ui-ai_top{align-items:top}.thread-ui-d_inline-flex{display:inline-flex}.thread-ui-bg-c_white{background-color:var(--thread-ui-colors-white)}.thread-ui-trf_translateX\(4px\){transform:translateX(4px)}.thread-ui-trf_translateX\(24px\){transform:translateX(24px)}.thread-ui-clip_rect\(0\,_0\,_0\,_0\){clip:rect(0,0,0,0)}.thread-ui-z_base{z-index:var(--thread-ui-z-index-base)}.thread-ui-z_overlay{z-index:var(--thread-ui-z-index-overlay)}.thread-ui-z_system{z-index:var(--thread-ui-z-index-system)}.thread-ui-c_text\.secondary{color:var(--thread-ui-colors-text-secondary)}.thread-ui-c_text\.disabled{color:var(--thread-ui-colors-text-disabled)}.thread-ui-c_text\.accent{color:var(--thread-ui-colors-text-accent)}.thread-ui-c_text\.inverted{color:var(--thread-ui-colors-text-inverted)}.thread-ui-flex-g_0{flex-grow:0}.thread-ui-flex-b_100\%{flex-basis:100%}.thread-ui-tch-a_pan-y_pinch-zoom{touch-action:pan-y pinch-zoom}.thread-ui-scr-bar-w_none{scrollbar-width:none}.thread-ui-fs_md{font-size:var(--thread-ui-font-sizes-md)}.thread-ui-flex-wrap_wrap{flex-wrap:wrap}.thread-ui-flex-wrap_inherit{flex-wrap:inherit}.thread-ui-fs_xs{font-size:var(--thread-ui-font-sizes-xs)}.thread-ui-bg-c_active{background-color:var(--thread-ui-colors-active)}.thread-ui-d_none{display:none}.thread-ui-jc_normal{justify-content:normal}.thread-ui-as_flex-end{align-self:flex-end}.thread-ui-bg-c_gray\.light{background-color:var(--thread-ui-colors-gray-light)}.thread-ui-d_grid{display:grid}.thread-ui-bg-c_primary\.main{background-color:var(--thread-ui-colors-primary-main)}.thread-ui-c_inherit{color:inherit}.thread-ui-bg-i_linear-gradient\(90deg\,_var\(--thread-structure-subtle\)_25\%\,_var\(--thread-hover\)_50\%\,_var\(--thread-structure-subtle\)_75\%\){background-image:linear-gradient(90deg,var(--thread-structure-subtle) 25%,var(--thread-hover) 50%,var(--thread-structure-subtle) 75%)}.thread-ui-bg-s_200\%_100\%{background-size:200% 100%}.thread-ui-flex-d_row-reverse{flex-direction:row-reverse}.thread-ui-trf_translate3d\(0\,_0\,_0\){transform:translate3d(0,0,0)}.thread-ui-flex-b_var\(--thread-gallery-display-item-width\){flex-basis:var(--thread-gallery-display-item-width)}.thread-ui-us_none{-webkit-user-select:none;user-select:none}.thread-ui-trf_translateX\(-50\%\){transform:translateX(-50%)}.thread-ui-pos_static{position:static}.thread-ui-li-t_none{list-style-type:none}.thread-ui-w_100\%{width:100%}.thread-ui-pb_1{padding-bottom:var(--thread-ui-spacing-1)}.thread-ui-mb_none{margin-bottom:var(--thread-ui-spacing-none)}.thread-ui-mb_xxs{margin-bottom:var(--thread-ui-spacing-xxs)}.thread-ui-mb_xs{margin-bottom:var(--thread-ui-spacing-xs)}.thread-ui-mb_sm{margin-bottom:var(--thread-ui-spacing-sm)}.thread-ui-mb_md{margin-bottom:var(--thread-ui-spacing-md)}.thread-ui-mb_lg{margin-bottom:var(--thread-ui-spacing-lg)}.thread-ui-mb_xl{margin-bottom:var(--thread-ui-spacing-xl)}.thread-ui-mb_xxl{margin-bottom:var(--thread-ui-spacing-xxl)}.thread-ui-ml_auto{margin-left:auto}.thread-ui-h_5{height:var(--thread-ui-sizes-5)}.thread-ui-mb_1{margin-bottom:var(--thread-ui-spacing-1)}.thread-ui-mb_1\.5{margin-bottom:var(--thread-ui-spacing-1\.5)}.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-max-w_none{max-width:none}.thread-ui-pt_10{padding-top:var(--thread-ui-spacing-10)}.thread-ui-pb_10{padding-bottom:var(--thread-ui-spacing-10)}.thread-ui-mb_6{margin-bottom:var(--thread-ui-spacing-6)}.thread-ui-h_auto{height:auto}.thread-ui-min-w_0{min-width:var(--thread-ui-sizes-0)}.thread-ui-max-w_1400px{max-width:1400px}.thread-ui-pr_2rem{padding-right:2rem}.thread-ui-pl_2rem{padding-left:2rem}.thread-ui-max-w_1280px{max-width:1280px}.thread-ui-w_full{width:var(--thread-ui-sizes-full)}.thread-ui-mt_2{margin-top:var(--thread-ui-spacing-2)}.thread-ui-h_100\%{height:100%}.thread-ui-max-h_60{max-height:var(--thread-ui-sizes-60)}.thread-ui-max-w_391px{max-width:391px}.thread-ui-min-h_0{min-height:var(--thread-ui-sizes-0)}.thread-ui-h_10{height:var(--thread-ui-sizes-10)}.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_64{max-width:var(--thread-ui-sizes-64)}.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_md{border-bottom-width:var(--thread-ui-border-widths-md)}.thread-ui-bd-b-c_structure\.subtle{border-bottom-color:var(--thread-ui-colors-structure-subtle)}.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_md{border-left-width:var(--thread-ui-border-widths-md)}.thread-ui-bd-l-c_structure\.default{border-left-color:var(--thread-ui-colors-structure-default)}.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-mt_8px{margin-top:8px}.thread-ui-w_16px{width:16px}.thread-ui-mr_8{margin-right:var(--thread-ui-spacing-8)}.thread-ui-max-w_150{max-width:150px}.thread-ui-max-w_850px{max-width:850px}.thread-ui-mb_3{margin-bottom:var(--thread-ui-spacing-3)}.thread-ui-h_0\.125{height:0.125px}.thread-ui-h_0\.25{height:0.25px}.thread-ui-h_0\.5{height:var(--thread-ui-sizes-0\.5)}.thread-ui-w_75\%{width:75%}.thread-ui-pt_0{padding-top:var(--thread-ui-spacing-0)}.thread-ui-h_6{height:var(--thread-ui-sizes-6)}.thread-ui-w_11{width:var(--thread-ui-sizes-11)}.thread-ui-h_4{height:var(--thread-ui-sizes-4)}.thread-ui-w_4{width:var(--thread-ui-sizes-4)}.thread-ui-w_0\.25{width:0.25px}.thread-ui-w_50px{width:50px}.thread-ui-mt_3{margin-top:var(--thread-ui-spacing-3)}.thread-ui-mb_4{margin-bottom:var(--thread-ui-spacing-4)}.thread-ui-pl_3{padding-left:var(--thread-ui-spacing-3)}.thread-ui-ml_-3{margin-left:calc(var(--thread-ui-spacing-3) * -1)}.thread-ui-h_300px{height:300px}.thread-ui-h_500px{height:500px}.thread-ui-h_700px{height:700px}.thread-ui-h_60px{height:60px}.thread-ui-h_75px{height:75px}.thread-ui-h_100px{height:100px}.thread-ui-w_90vw{width:90vw}.thread-ui-h_85vh{height:85vh}.thread-ui-max-h_80vh{max-height:80vh}.thread-ui-ov-x_auto{overflow-x:auto}.thread-ui-bd-b-c_structure\.default{border-bottom-color:var(--thread-ui-colors-structure-default)}.thread-ui-w_fit-content{width:fit-content}.thread-ui-mr_1{margin-right:var(--thread-ui-spacing-1)}.thread-ui-mr_2{margin-right:var(--thread-ui-spacing-2)}.thread-ui-min-h_6{min-height:var(--thread-ui-sizes-6)}.thread-ui-min-w_75\%{min-width:75%}.thread-ui-max-h_24{max-height:var(--thread-ui-sizes-24)}.thread-ui-max-w_24{max-width:var(--thread-ui-sizes-24)}.thread-ui-w_2{width:var(--thread-ui-sizes-2)}.thread-ui-h_2{height:var(--thread-ui-sizes-2)}.thread-ui-w_8{width:var(--thread-ui-sizes-8)}.thread-ui-h_8{height:var(--thread-ui-sizes-8)}.thread-ui-w_12{width:var(--thread-ui-sizes-12)}.thread-ui-h_12{height:var(--thread-ui-sizes-12)}.thread-ui-w_20{width:var(--thread-ui-sizes-20)}.thread-ui-h_20{height:var(--thread-ui-sizes-20)}.thread-ui-bd-t-c_primary\.light{border-top-color:var(--thread-ui-colors-primary-light)}.thread-ui-bd-t-c_secondary\.light{border-top-color:var(--thread-ui-colors-secondary-light)}.thread-ui-bd-t-c_tertiary\.light{border-top-color:var(--thread-ui-colors-tertiary-light)}.thread-ui-bd-t-c_black{border-top-color:var(--thread-ui-colors-black)}.thread-ui-bd-t-c_gray\.main{border-top-color:var(--thread-ui-colors-gray-main)}.thread-ui-bd-t-c_text\.standard{border-top-color:var(--thread-ui-colors-text-standard)}.thread-ui-max-w_100\%{max-width:100%}.thread-ui-min-h_4{min-height:var(--thread-ui-sizes-4)}.thread-ui-pl_var\(--thread-gallery-display-item-spacing\){padding-left:var(--thread-gallery-display-item-spacing)}.thread-ui-h_var\(--thread-gallery-display-item-height\){height:var(--thread-gallery-display-item-height)}.thread-ui-ml_calc\(var\(--thread-gallery-display-item-spacing\)_\*_-1\){margin-left:calc(var(--thread-gallery-display-item-spacing) * -1)}.thread-ui-ml_calc\(var\(--thread-gallery-item-track-spacing\)_\*_-1\){margin-left:calc(var(--thread-gallery-item-track-spacing) * -1)}.thread-ui-pl_var\(--thread-gallery-item-track-spacing\){padding-left:var(--thread-gallery-item-track-spacing)}.thread-ui-h_3rem{height:3rem}.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}.after\:thread-ui-inset_0:after{inset:var(--thread-ui-spacing-0)}.\[\&\:\:-webkit-scrollbar-track\]\:thread-ui-bg_transparent::-webkit-scrollbar-track{background:var(--thread-ui-colors-transparent)}.after\:thread-ui-trs_opacity_0\.15s_ease:after{transition:opacity 0.15s ease}.\[\&\:\:-webkit-scrollbar-thumb\]\:thread-ui-bdr_md::-webkit-scrollbar-thumb{border-radius:var(--thread-ui-radii-md)}.\[\&_img\]\:thread-ui-bdr_lg img{border-radius:var(--thread-ui-radii-lg)}.\[\&\:\:-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}.after\:thread-ui-content_\"\":after{content:""}.after\:thread-ui-pos_absolute:after{position:absolute}.after\:thread-ui-bg-c_text\.standard:after{background-color:var(--thread-ui-colors-text-standard)}.after\:thread-ui-op_0:after{opacity:0}.after\:thread-ui-pointer-events_none:after{pointer-events:none}.\[\&\:\:-webkit-scrollbar-thumb\]\:thread-ui-bg-c_structure\.subtle::-webkit-scrollbar-thumb{background-color:var(--thread-ui-colors-structure-subtle)}.\[\&\:\:-webkit-scrollbar\]\:thread-ui-d_none::-webkit-scrollbar{display:none}.\[\&_img\]\:thread-ui-obj-f_contain img{object-fit:contain}.\[\&\:\:-webkit-scrollbar\]\:thread-ui-w_2px::-webkit-scrollbar{width:2px}.\[\&_img\]\:thread-ui-max-w_100\% img{max-width:100%}.\[\&_img\]\:thread-ui-max-h_100\% img{max-height:100%}.\[\&_img\]\:thread-ui-w_auto img{width:auto}.\[\&_img\]\:thread-ui-h_auto img{height:auto}.\[\&_img\]\:thread-ui-h_100\% img{height:100%}.focus\:thread-ui-ring_none:is(:focus,[data-focus]){outline:var(--thread-ui-borders-none)}.focus\:thread-ui-bd-c_info\.main:is(:focus,[data-focus]){border-color:var(--thread-ui-colors-info-main)}.focus\:thread-ui-ring-c_structure\.default:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-structure-default)}.focus\:thread-ui-ring-c_info\.main:is(:focus,[data-focus]){outline-color:var(--thread-ui-colors-info-main)}.focus\:thread-ui-bx-sh_0_0_0_2px_\{colors\.info\.main\}:is(:focus,[data-focus]){box-shadow:0 0 0 2px var(--thread-ui-colors-info-main)}.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_warning\.main:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-warning-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_var\(--thread-text-tertiary\):is(:hover,[data-hover]){border-color:var(--thread-text-tertiary)}.hover\:thread-ui-bd-c_white:is(:hover,[data-hover]){border-color:var(--thread-ui-colors-white)}.hover\:thread-ui-td_none:is(:hover,[data-hover]){text-decoration:none}.hover\:thread-ui-bd-c_var\(--thread-text-secondary\):is(:hover,[data-hover]){border-color:var(--thread-text-secondary)}.hover\:thread-ui-td_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:thread-ui-bg-c_hover:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-hover)}.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:thread-ui-bg-c_structure\.subtle::-webkit-scrollbar-thumb:hover{background-color:var(--thread-ui-colors-structure-subtle)}.hover\:thread-ui-bg-c_primary\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-c_text\.inverted:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-inverted)}.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_warning\.main:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-warning-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_transparent:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-transparent)}.hover\:thread-ui-c_text\.tertiary:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-tertiary)}.hover\:thread-ui-bg-c_black:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-black)}.hover\:thread-ui-c_primary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-primary-main)}.hover\:thread-ui-c_secondary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-secondary-main)}.hover\:thread-ui-c_tertiary\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-tertiary-main)}.hover\:thread-ui-c_gray\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-gray-main)}.hover\:thread-ui-c_success\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-success-main)}.hover\:thread-ui-c_warning\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-warning-main)}.hover\:thread-ui-c_error\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-error-main)}.hover\:thread-ui-c_info\.main:is(:hover,[data-hover]){color:var(--thread-ui-colors-info-main)}.hover\:thread-ui-c_text\.secondary:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-secondary)}.hover\:thread-ui-c_black:is(:hover,[data-hover]){color:var(--thread-ui-colors-black)}.hover\:thread-ui-c_text\.standard:is(:hover,[data-hover]){color:var(--thread-ui-colors-text-standard)}.hover\:thread-ui-c_white:is(:hover,[data-hover]){color:var(--thread-ui-colors-white)}.hover\:thread-ui-bg-c_primary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-primary-light)}.hover\:thread-ui-bg-c_secondary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-secondary-light)}.hover\:thread-ui-bg-c_tertiary\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-tertiary-light)}.hover\:thread-ui-bg-c_gray\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-gray-light)}.hover\:thread-ui-bg-c_success\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-success-light)}.hover\:thread-ui-bg-c_warning\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-warning-light)}.hover\:thread-ui-bg-c_error\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-error-light)}.hover\:thread-ui-bg-c_info\.light:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-info-light)}.hover\:thread-ui-bg-c_surface:is(:hover,[data-hover]){background-color:var(--thread-ui-colors-surface)}.hover\:thread-ui-bd-b-c_structure\.subtle:is(:hover,[data-hover]){border-bottom-color:var(--thread-ui-colors-structure-subtle)}.hover\:thread-ui-bd-b-c_structure\.strong:is(:hover,[data-hover]){border-bottom-color:var(--thread-ui-colors-structure-strong)}.active\:thread-ui-bg-c_active:is(:active,[data-active]){background-color:var(--thread-ui-colors-active)}.hover\:\[\&_\.info-card-image-wrapper\:\:after\]\:thread-ui-op_0\.1:is(:hover,[data-hover]) .info-card-image-wrapper:after{opacity:0.1}@media screen and (min-width: 48rem){.thread-ui-hide_md{display:none}.md\:thread-ui-mx_auto{margin-inline:auto}.md\:thread-ui-px_1{padding-inline:var(--thread-ui-spacing-1)}.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-flex-b_100\%{flex-basis:100%}.md\:thread-ui-flex-b_50\%{flex-basis:50%}.md\:thread-ui-flex-b_33\.333\%{flex-basis:33.333%}.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_8{padding-top:var(--thread-ui-spacing-8)}.md\:thread-ui-pb_8{padding-bottom:var(--thread-ui-spacing-8)}.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-pl_4{padding-left:var(--thread-ui-spacing-4)}.md\:thread-ui-ml_-4{margin-left:calc(var(--thread-ui-spacing-4) * -1)}.md\:thread-ui-max-h_100\%{max-height:100%}.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}.md\:thread-ui-h_var\(--thread-gallery-track-item-height\){height:var(--thread-gallery-track-item-height)}}@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_3{gap:var(--thread-ui-spacing-3)}.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-flex-b_100\%{flex-basis:100%}.lg\:thread-ui-flex-b_50\%{flex-basis:50%}.lg\:thread-ui-flex-b_33\.333\%{flex-basis:33.333%}.lg\:thread-ui-flex-b_25\%{flex-basis:25%}.lg\:thread-ui-flex-b_20\%{flex-basis:20%}.lg\:thread-ui-flex-b_16\.666\%{flex-basis:16.666%}.lg\:thread-ui-grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.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_6{padding-top:var(--thread-ui-spacing-6)}.lg\:thread-ui-pb_6{padding-bottom:var(--thread-ui-spacing-6)}.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_3{margin-top:var(--thread-ui-spacing-3)}.lg\:thread-ui-w_7\/12{width:58.333333%}.lg\:thread-ui-max-h_\[500px\]{max-height:500px}.lg\:thread-ui-ov-y_auto{overflow-y:auto}.lg\:thread-ui-top_0px{top:0px}.lg\:thread-ui-bd-b-w_0{border-bottom-width:0}.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_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%}.lg\:thread-ui-h_2\.5rem{height:2.5rem}.lg\:thread-ui-w_fit-content{width:fit-content}}@media screen and (max-width: 47.9975rem){.thread-ui-show_md{display:none}}}
|
package/dist/styles/theme.css
CHANGED
|
@@ -98,6 +98,7 @@
|
|
|
98
98
|
--thread-structure-strong-light-mode: #9ca3af;
|
|
99
99
|
--thread-text-standard-light-mode: #1f2937;
|
|
100
100
|
--thread-text-secondary-light-mode: #4b5563;
|
|
101
|
+
--thread-text-tertiary-light-mode: #6b7280;
|
|
101
102
|
--thread-text-disabled-light-mode: #9ca3af;
|
|
102
103
|
--thread-text-accent-light-mode: #3c5c49;
|
|
103
104
|
--thread-text-inverted-light-mode: #f9fafb;
|
|
@@ -115,6 +116,7 @@
|
|
|
115
116
|
--thread-structure-strong-dark-mode: #5a5a5a;
|
|
116
117
|
--thread-text-standard-dark-mode: #f9fafb;
|
|
117
118
|
--thread-text-secondary-dark-mode: #9ca3af;
|
|
119
|
+
--thread-text-tertiary-dark-mode: #848b98;
|
|
118
120
|
--thread-text-disabled-dark-mode: #6b7280;
|
|
119
121
|
--thread-text-accent-dark-mode: #7da88e;
|
|
120
122
|
--thread-text-inverted-dark-mode: #1f2937;
|
|
@@ -132,6 +134,7 @@
|
|
|
132
134
|
--thread-structure-strong: var(--thread-structure-strong-light-mode);
|
|
133
135
|
--thread-text-standard: var(--thread-text-standard-light-mode);
|
|
134
136
|
--thread-text-secondary: var(--thread-text-secondary-light-mode);
|
|
137
|
+
--thread-text-tertiary: var(--thread-text-tertiary-light-mode);
|
|
135
138
|
--thread-text-disabled: var(--thread-text-disabled-light-mode);
|
|
136
139
|
--thread-text-accent: var(--thread-text-accent-light-mode);
|
|
137
140
|
--thread-text-inverted: var(--thread-text-inverted-light-mode);
|
|
@@ -151,6 +154,7 @@
|
|
|
151
154
|
--thread-structure-strong: var(--thread-structure-strong-light-mode);
|
|
152
155
|
--thread-text-standard: var(--thread-text-standard-light-mode);
|
|
153
156
|
--thread-text-secondary: var(--thread-text-secondary-light-mode);
|
|
157
|
+
--thread-text-tertiary: var(--thread-text-tertiary-light-mode);
|
|
154
158
|
--thread-text-disabled: var(--thread-text-disabled-light-mode);
|
|
155
159
|
--thread-text-accent: var(--thread-text-accent-light-mode);
|
|
156
160
|
--thread-text-inverted: var(--thread-text-inverted-light-mode);
|
|
@@ -170,6 +174,7 @@
|
|
|
170
174
|
--thread-structure-strong: var(--thread-structure-strong-dark-mode);
|
|
171
175
|
--thread-text-standard: var(--thread-text-standard-dark-mode);
|
|
172
176
|
--thread-text-secondary: var(--thread-text-secondary-dark-mode);
|
|
177
|
+
--thread-text-tertiary: var(--thread-text-tertiary-dark-mode);
|
|
173
178
|
--thread-text-disabled: var(--thread-text-disabled-dark-mode);
|
|
174
179
|
--thread-text-accent: var(--thread-text-accent-dark-mode);
|
|
175
180
|
--thread-text-inverted: var(--thread-text-inverted-dark-mode);
|
|
@@ -190,6 +195,7 @@
|
|
|
190
195
|
--thread-structure-strong: var(--thread-structure-strong-dark-mode);
|
|
191
196
|
--thread-text-standard: var(--thread-text-standard-dark-mode);
|
|
192
197
|
--thread-text-secondary: var(--thread-text-secondary-dark-mode);
|
|
198
|
+
--thread-text-tertiary: var(--thread-text-tertiary-dark-mode);
|
|
193
199
|
--thread-text-disabled: var(--thread-text-disabled-dark-mode);
|
|
194
200
|
--thread-text-accent: var(--thread-text-accent-dark-mode);
|
|
195
201
|
--thread-text-inverted: var(--thread-text-inverted-dark-mode);
|
|
@@ -174,6 +174,7 @@ export declare const ThemeCssVariableNames: {
|
|
|
174
174
|
text: {
|
|
175
175
|
standard: `--thread-${string}`;
|
|
176
176
|
secondary: `--thread-${string}`;
|
|
177
|
+
tertiary: `--thread-${string}`;
|
|
177
178
|
disabled: `--thread-${string}`;
|
|
178
179
|
accent: `--thread-${string}`;
|
|
179
180
|
inverted: `--thread-${string}`;
|
|
@@ -67,6 +67,7 @@ export const AllBaseCssNames = {
|
|
|
67
67
|
text: {
|
|
68
68
|
standard: 'text-standard',
|
|
69
69
|
secondary: 'text-secondary',
|
|
70
|
+
tertiary: 'text-tertiary',
|
|
70
71
|
disabled: 'text-disabled',
|
|
71
72
|
accent: 'text-accent',
|
|
72
73
|
inverted: 'text-inverted',
|
|
@@ -178,6 +179,7 @@ export const AllBaseCssNames = {
|
|
|
178
179
|
text: {
|
|
179
180
|
standard: 'text-standard-light-mode',
|
|
180
181
|
secondary: 'text-secondary-light-mode',
|
|
182
|
+
tertiary: 'text-tertiary-light-mode',
|
|
181
183
|
disabled: 'text-disabled-light-mode',
|
|
182
184
|
accent: 'text-accent-light-mode',
|
|
183
185
|
inverted: 'text-inverted-light-mode',
|
|
@@ -202,6 +204,7 @@ export const AllBaseCssNames = {
|
|
|
202
204
|
text: {
|
|
203
205
|
standard: 'text-standard-dark-mode',
|
|
204
206
|
secondary: 'text-secondary-dark-mode',
|
|
207
|
+
tertiary: 'text-tertiary-dark-mode',
|
|
205
208
|
disabled: 'text-disabled-dark-mode',
|
|
206
209
|
accent: 'text-accent-dark-mode',
|
|
207
210
|
inverted: 'text-inverted-dark-mode',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-css-names.js","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-css-names.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme-css-names.js","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-css-names.ts"],"names":[],"mappings":"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"}
|
|
@@ -62,6 +62,7 @@ export const DefaultThreadTheme = {
|
|
|
62
62
|
text: {
|
|
63
63
|
standard: '#1f2937',
|
|
64
64
|
secondary: '#4b5563',
|
|
65
|
+
tertiary: '#6B7280',
|
|
65
66
|
disabled: '#9ca3af',
|
|
66
67
|
accent: '#3c5c49', // resolves to primary.main
|
|
67
68
|
inverted: '#f9fafb', // resolves to dark mode text.standard
|
|
@@ -172,6 +173,7 @@ export const DefaultThreadTheme = {
|
|
|
172
173
|
text: {
|
|
173
174
|
standard: '#F9FAFB',
|
|
174
175
|
secondary: '#9CA3AF',
|
|
176
|
+
tertiary: '#848B98',
|
|
175
177
|
disabled: '#6B7280',
|
|
176
178
|
accent: '#7DA88E',
|
|
177
179
|
inverted: '#1F2937',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../src/theme/default-theme.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../src/theme/default-theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import type { ShadowOptions, StructureColorOptions, BgColorOptions, SurfaceLayerOptions, ZIndexOptions } from '../types';
|
|
1
|
+
import type { ShadowOptions, StructureColorOptions, BgColorOptions, SurfaceLayerOptions, ZIndexOptions, DeepPartial } from '../types';
|
|
2
2
|
export type SurfaceConfig = {
|
|
3
3
|
bg: BgColorOptions;
|
|
4
4
|
shadow: ShadowOptions;
|
|
5
5
|
structure: StructureColorOptions | 'none';
|
|
6
6
|
zIndex: ZIndexOptions | 'none';
|
|
7
7
|
};
|
|
8
|
+
export type SurfaceConfigOverrides = DeepPartial<SurfaceConfig>;
|
|
8
9
|
/** Surface Layer Order - Returns next highest layer */
|
|
9
10
|
export declare const NextSurfaceLayerMap: Record<SurfaceLayerOptions, SurfaceLayerOptions | null>;
|
|
10
11
|
/** Surface Layer System — maps each layer to its default bg, shadow, structure, and zIndex */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-surface-system.js","sourceRoot":"","sources":["../../src/theme/theme-surface-system.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme-surface-system.js","sourceRoot":"","sources":["../../src/theme/theme-surface-system.ts"],"names":[],"mappings":"AAkBA,uDAAuD;AACvD,MAAM,CAAC,MAAM,mBAAmB,GAA4D;IAC3F,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,IAAI;CACb,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,eAAe,GAA+C;IAC1E,MAAM,EAAE;QACP,EAAE,EAAE,QAAQ;QACZ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACN,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACR,EAAE,EAAE,SAAS;QACb,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACT,EAAE,EAAE,UAAU;QACd,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,QAAQ;KAChB;IACD,OAAO,EAAE;QACR,EAAE,EAAE,SAAS;QACb,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,SAAS;KACjB;CACD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** Color tokens available across utility components */
|
|
2
2
|
export type UtilityColorOptions = 'primary' | 'secondary' | 'tertiary' | 'black' | 'gray' | 'success' | 'error' | 'warning' | 'info' | 'text';
|
|
3
3
|
/** Extended color options for text and typography components. Includes semantic text tokens in addition to utility colors */
|
|
4
|
-
export type ColoredTextOptions = Exclude<UtilityColorOptions, 'text'> | 'standard' | 'disabled' | 'accent' | 'text-secondary';
|
|
4
|
+
export type ColoredTextOptions = Exclude<UtilityColorOptions, 'text'> | 'standard' | 'disabled' | 'accent' | 'text-secondary' | 'text-tertiary' | 'inverted';
|
|
@@ -10,6 +10,8 @@ export const getColoredTextColor = (color) => {
|
|
|
10
10
|
return ThreadTheme.text.standard;
|
|
11
11
|
case 'text-secondary':
|
|
12
12
|
return ThreadTheme.text.secondary;
|
|
13
|
+
case 'text-tertiary':
|
|
14
|
+
return ThreadTheme.text.tertiary;
|
|
13
15
|
case 'disabled':
|
|
14
16
|
return ThreadTheme.text.disabled;
|
|
15
17
|
case 'accent':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-colored-text-color.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-colored-text-color/get-colored-text-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAyB,EAAU,EAAE;IACxE,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,KAAK,gBAAgB;YACpB,OAAO,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;QACnC,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;QAChC,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,WAAW;YACf,OAAO,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACnC,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC;QAC1B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;QAC/B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B;YACC,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"get-colored-text-color.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-colored-text-color/get-colored-text-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAyB,EAAU,EAAE;IACxE,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,KAAK,gBAAgB;YACpB,OAAO,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;QACnC,KAAK,eAAe;YACnB,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;QAChC,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,WAAW;YACf,OAAO,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACnC,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC;QAC1B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;QAC/B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B;YACC,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare const getSurfaceStyles: (props: DeepPartial<SurfaceConfig>) => string;
|
|
1
|
+
import { SurfaceConfigOverrides } from '../../../theme/theme-surface-system';
|
|
2
|
+
export declare const getSurfaceStyles: (props: SurfaceConfigOverrides) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-surface-styles.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-surface-styles/get-surface-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAI1C,qEAAqE;AACrE,MAAM,mBAAmB,GAAG,GAAG,CAAC;IAC/B,QAAQ,EAAE;QACT,EAAE,EAAE;YACH,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;YAC3B,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE;YACtB,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;YAC1B,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;YAC5B,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;SAC1B;QACD,MAAM,EAAE;YACP,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC3B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;YACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;YACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;SACvB;QACD,SAAS,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE;YACtF,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE;YACpF,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE;SACpF;QACD,MAAM,EAAE;YACP,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACxB,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;YAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;SAC5B;KACD;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"get-surface-styles.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-surface-styles/get-surface-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAI1C,qEAAqE;AACrE,MAAM,mBAAmB,GAAG,GAAG,CAAC;IAC/B,QAAQ,EAAE;QACT,EAAE,EAAE;YACH,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;YAC3B,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE;YACtB,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;YAC1B,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;YAC5B,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;SAC1B;QACD,MAAM,EAAE;YACP,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC3B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;YACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;YACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;SACvB;QACD,SAAS,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE;YACtF,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE;YACpF,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE;SACpF;QACD,MAAM,EAAE;YACP,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACxB,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;YAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;SAC5B;KACD;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,OAAO,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC,CAAC"}
|
|
@@ -4,6 +4,7 @@ const styles = cva({
|
|
|
4
4
|
color: {
|
|
5
5
|
standard: { color: 'text.standard' },
|
|
6
6
|
'text-secondary': { color: 'text.secondary' },
|
|
7
|
+
'text-tertiary': { color: 'text.tertiary' },
|
|
7
8
|
disabled: { color: 'text.disabled' },
|
|
8
9
|
accent: { color: 'text.accent' },
|
|
9
10
|
inverted: { color: 'text.inverted' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-text-color-styles.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-text-color-styles/get-text-color-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAChC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACzB,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,SAAS,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACtC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SAClC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC/D,OAAO,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"get-text-color-styles.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-text-color-styles/get-text-color-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YAC7C,eAAe,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YAC3C,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAChC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACzB,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,SAAS,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACtC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SAClC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC/D,OAAO,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { UtilitySizeOptions } from '../../../types';
|
|
2
|
-
export declare const getUtilitySizeValue: (size: UtilitySizeOptions) =>
|
|
2
|
+
export declare const getUtilitySizeValue: (size: UtilitySizeOptions) => 8 | 12 | 4;
|
package/package.json
CHANGED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { withoutSpace } from '../helpers..js';
|
|
2
|
-
|
|
3
|
-
const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base"
|
|
4
|
-
const conditions = new Set(conditionsStr.split(','))
|
|
5
|
-
|
|
6
|
-
const conditionRegex = /^@|&|&$/
|
|
7
|
-
|
|
8
|
-
export function isCondition(value){
|
|
9
|
-
return conditions.has(value) || conditionRegex.test(value)
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const underscoreRegex = /^_/
|
|
13
|
-
const conditionsSelectorRegex = /&|@/
|
|
14
|
-
|
|
15
|
-
export function finalizeConditions(paths){
|
|
16
|
-
return paths.map((path) => {
|
|
17
|
-
if (conditions.has(path)){
|
|
18
|
-
return path.replace(underscoreRegex, '')
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
if (conditionsSelectorRegex.test(path)){
|
|
22
|
-
return `[${withoutSpace(path.trim())}]`
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return path
|
|
26
|
-
})}
|
|
27
|
-
|
|
28
|
-
export function sortConditions(paths){
|
|
29
|
-
return paths.sort((a, b) => {
|
|
30
|
-
const aa = isCondition(a)
|
|
31
|
-
const bb = isCondition(b)
|
|
32
|
-
if (aa && !bb) return 1
|
|
33
|
-
if (!aa && bb) return -1
|
|
34
|
-
return 0
|
|
35
|
-
})
|
|
36
|
-
}
|