/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.current-demo *,.current-demo :before,.current-demo :after,.current-demo ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--ask-border-angle:0deg}}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{.current-demo{--font-sans:"Geist Variable", system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-sky-500:oklch(68.5% .169 237.323);--color-purple-500:oklch(62.7% .265 303.9);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-lg:var(--radius);--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", system-ui, sans-serif;--default-mono-font-family:"Geist Mono Variable", ui-monospace, monospace}}@layer base{.current-demo *,.current-demo :after,.current-demo :before,.current-demo ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.current-demo ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.current-demo{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.current-demo hr{height:0;color:inherit;border-top-width:1px}.current-demo abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.current-demo h1,.current-demo h2,.current-demo h3,.current-demo h4,.current-demo h5,.current-demo h6{font-size:inherit;font-weight:inherit}.current-demo a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.current-demo b,.current-demo strong{font-weight:bolder}.current-demo code,.current-demo kbd,.current-demo samp,.current-demo pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.current-demo small{font-size:80%}.current-demo sub,.current-demo sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.current-demo sub{bottom:-.25em}.current-demo sup{top:-.5em}.current-demo table{text-indent:0;border-color:inherit;border-collapse:collapse}.current-demo :-moz-focusring:where(:not(iframe)){outline:auto}.current-demo progress{vertical-align:baseline}.current-demo summary{display:list-item}.current-demo ol,.current-demo ul,.current-demo menu{list-style:none}.current-demo img,.current-demo svg,.current-demo video,.current-demo canvas,.current-demo audio,.current-demo iframe,.current-demo embed,.current-demo object{vertical-align:middle;display:block}.current-demo img,.current-demo video{max-width:100%;height:auto}.current-demo button,.current-demo input,.current-demo select,.current-demo optgroup,.current-demo textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.current-demo ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.current-demo :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.current-demo :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.current-demo ::file-selector-button{margin-inline-end:4px}.current-demo ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.current-demo ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.current-demo ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.current-demo textarea{resize:vertical}.current-demo ::-webkit-search-decoration{-webkit-appearance:none}.current-demo ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.current-demo ::-webkit-datetime-edit{display:inline-flex}.current-demo ::-webkit-datetime-edit-fields-wrapper{padding:0}.current-demo ::-webkit-datetime-edit{padding-block:0}.current-demo ::-webkit-datetime-edit-year-field{padding-block:0}.current-demo ::-webkit-datetime-edit-month-field{padding-block:0}.current-demo ::-webkit-datetime-edit-day-field{padding-block:0}.current-demo ::-webkit-datetime-edit-hour-field{padding-block:0}.current-demo ::-webkit-datetime-edit-minute-field{padding-block:0}.current-demo ::-webkit-datetime-edit-second-field{padding-block:0}.current-demo ::-webkit-datetime-edit-millisecond-field{padding-block:0}.current-demo ::-webkit-datetime-edit-meridiem-field{padding-block:0}.current-demo ::-webkit-calendar-picker-indicator{line-height:1}.current-demo :-moz-ui-invalid{box-shadow:none}.current-demo button,.current-demo input:where([type=button],[type=reset],[type=submit]){appearance:button}.current-demo ::file-selector-button{appearance:button}.current-demo ::-webkit-inner-spin-button{height:auto}.current-demo ::-webkit-outer-spin-button{height:auto}.current-demo [hidden]:where(:not([hidden=until-found])){display:none!important}.current-demo *{border-color:var(--border);caret-color:var(--primary)}.current-demo ::selection{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo ::selection{background-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.current-demo :focus-visible{outline-style:var(--tw-outline-style);outline-offset:0px;outline-width:1.5px;outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo :focus-visible{outline-color:color-mix(in oklab, var(--ring) 40%, transparent)}}.current-demo :focus-visible:is(.dark *):not(.light,.light *){outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo :focus-visible:is(.dark *):not(.light,.light *){outline-color:color-mix(in oklab, var(--ring) 60%, transparent)}}.current-demo{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;background-color:var(--background);height:100%;font-size:var(--type-ui);color:var(--foreground);overflow:hidden}@media (width>=48rem){.current-demo{background-color:var(--sidebar)}}.current-demo{overscroll-behavior:none;height:100dvh;overflow:hidden}.current-demo #root{height:var(--vv-height,100%);contain:layout;inset-inline:0;position:fixed;top:0}.current-demo .tabular{font-variant-numeric:tabular-nums}.current-demo a,.current-demo button,.current-demo summary,.current-demo [role=button]{cursor:default}.current-demo button{white-space:nowrap;flex-shrink:0}.current-demo{-webkit-user-select:none;user-select:none}.current-demo [data-markdown]{-webkit-user-select:text;user-select:text}.current-demo ::placeholder{-webkit-user-select:none;user-select:none}.current-demo [data-glass-copy],.current-demo [data-liquid-glass] [data-glass-below]{color:var(--foreground)}}@layer epr;@layer components{.current-demo .prose{font-size:var(--type-md);color:var(--foreground);font-weight:400;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.current-demo .prose{color:color-mix(in srgb, var(--foreground) 92%, var(--background))}}.current-demo .prose{overflow-wrap:anywhere}@media (pointer:coarse){.current-demo .prose{line-height:1.5}}.current-demo :where(.prose) code{font-family:var(--font-mono)}.current-demo :where(.prose) :not(pre)>code{color:var(--ds-pink-900);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo :where(.prose) :not(pre)>code{background:color-mix(in srgb, var(--foreground) 6%, transparent)}}.current-demo :where(.prose) :not(pre)>code{box-shadow:inset 0 0 0 1px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo :where(.prose) :not(pre)>code{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 9%, transparent)}}.current-demo :where(.prose) :not(pre)>code{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.35em;padding:.12em .4em;font-size:.86em}.current-demo :where(.prose) ol{list-style-type:decimal}.current-demo :where(.prose) ul{list-style-type:disc}.current-demo :where(.prose) :is(img,video){cursor:zoom-in;border-radius:var(--radius);border:1px solid var(--border);max-width:100%}.current-demo :where(.prose) img{object-fit:contain;max-height:288px}.current-demo :where(.prose) video{max-height:384px}.current-demo :where(.prose) table{border-collapse:collapse;font-variant-numeric:tabular-nums}.current-demo :where(.prose) th:not([align]){text-align:left}.current-demo :where(.prose,.prose :is(.prose-flow,details,blockquote,.pane,.card:not(.stat)))>:where(*+*){margin-top:16px}.current-demo :where(.prose:not([class*=text-text-],[class*=text-muted],[class*=text-destructive])) :where(h1,h2,h3,h4,h5,h6,b,strong,a:not(.issue-ref,.button)):not(:is(.muted,figcaption) *){color:var(--foreground)}.current-demo :where(.prose) :is(h1,h2,h3,h4){text-wrap:balance;font-weight:500}.current-demo :where(.prose) h1{letter-spacing:-.012em;font-size:1.33333em;font-weight:600;line-height:1.25}.current-demo :where(.prose) h2{letter-spacing:-.008em;font-size:1.2em;line-height:1.4}.current-demo :where(.prose) h3{letter-spacing:-.004em;font-size:1.06667em;line-height:1.45}.current-demo :where(.prose) :is(h4,h5,h6){font-size:1em;line-height:inherit}@media (pointer:coarse){.current-demo :where(.prose) h1{font-size:1.5em}.current-demo :where(.prose) h2{font-size:1.25em}.current-demo :where(.prose) h3{font-size:1.0625em}}.current-demo :where(.prose) :where(*+h1,*+h2){margin-top:32px}.current-demo :where(.prose) :where(*+h3){margin-top:24px}.current-demo :where(.prose) :where(*+:is(h4,h5,h6)){margin-top:20px}.current-demo :where(.prose) :where(:is(h3,h4,h5,h6)+*){margin-top:6px}.current-demo :where(.prose) :where(*+:is(pre,blockquote,figure,hr,.prose-table,.table,.grid,.compare,current-compare,current-diagram,current-issues,.code-block,[data-code-block])),.current-demo :where(.prose) :where(:is(pre,blockquote,figure,hr,.prose-table,.table,.grid,.compare,current-compare,current-diagram,current-issues,.code-block,[data-code-block])+*){margin-top:22px}.current-demo :where(.prose) :where(:is(p,h1,h2,h3,h4)+:is(ul,ol)),.current-demo :where(.prose) :where(li>*+*),.current-demo :where(.prose) :where(li+li){margin-top:6px}.current-demo :where(.prose) :where(*+details){margin-top:24px}.current-demo :where(.prose) :where(summary+*){margin-top:8px}.current-demo :where(.prose) :is(b,strong){font-weight:500}.current-demo :where(.prose) li{margin-left:24px;padding-left:2px}.current-demo :where(.prose) ol>li::marker{font-variant-numeric:tabular-nums}.current-demo :where(.prose) ul ul{list-style-type:circle}.current-demo :where(.prose) a:not(.issue-ref,.button){text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.current-demo :where(.prose) a:not(.issue-ref,.button){-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}}.current-demo :where(.prose) a:not(.issue-ref,.button){text-underline-offset:3px;text-decoration-thickness:1px}.current-demo :where(.prose) a:not(.issue-ref,.button):hover{text-decoration-color:currentColor}.current-demo :where(.prose) blockquote{color:inherit;border-left:0;padding-left:16px;position:relative}.current-demo :where(.prose) blockquote:before{content:"";background:var(--surface-5);border-radius:2px;width:3px;position:absolute;inset:0 auto 0 0}.current-demo :where(.prose) hr{border:0;border-top:1px solid var(--border)}.current-demo :where(.prose) :is(.prose-table,.table){border:1px solid var(--border);overscroll-behavior-x:contain;border-radius:6px;width:fit-content;max-width:100%;display:block;overflow-x:auto}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes prose-scroll-fade{0%{--fade-start:0px;--fade-end:32px}8%{--fade-start:32px}92%{--fade-end:32px}to{--fade-start:32px;--fade-end:0px}}@supports (animation-timeline:scroll()){.current-demo :where(.prose) :is(.prose-table,.table,pre:not(.code-block pre)),.current-demo .code-block [data-code]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);animation:linear both prose-scroll-fade;animation-timeline:scroll(self inline)}}.current-demo :where(.prose) :is(.prose-table,.table)>table{border:0;border-radius:0;width:auto;max-width:none;display:table;overflow:visible}.current-demo :where(.prose) table{font-size:var(--type-sm);letter-spacing:0;line-height:1.42857}.current-demo :where(.prose) :is(td,th){overflow-wrap:normal;word-break:normal;hyphens:manual;padding:8px 12px}.current-demo :where(.prose) td{border-top:1px solid var(--border)}.current-demo :where(.prose) th{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo :where(.prose) th{background:color-mix(in srgb, var(--foreground) 3%, transparent)}}.current-demo :where(.prose) th{color:var(--text-2);font-size:var(--type-ui);white-space:nowrap;font-weight:500}.current-demo :where(.prose) :is(td,th) .badge,.current-demo :where(.prose) .issue-ref{white-space:nowrap}.current-demo :where(.prose) :is(.grid,.compare,current-app){margin-bottom:0}.current-demo :where(.prose) :is(img,video){margin-block:0}.current-demo :where(.prose) figcaption{font-size:var(--type-ui);margin-top:8px;line-height:1.53846}.current-demo :where(.prose) .muted{font-size:var(--type-ui)}.current-demo :where(.prose) summary{font-size:var(--type-md);line-height:inherit}.current-demo :where(.prose) .stat b{color:var(--foreground)}.current-demo :where(.prose) pre:not(.code-block pre),.current-demo .code-block{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.current-demo .code-block-label{border-bottom:1px solid var(--border);height:32px;color:var(--text-3);font-family:var(--font-mono);font-size:var(--type-2xs);white-space:nowrap;align-items:center;gap:8px;padding:0 48px 0 16px;line-height:1;display:flex}.current-demo .code-block-label>:first-child{text-overflow:ellipsis;overflow:hidden}.current-demo :where(.prose) pre:not(.code-block pre),.current-demo .code-block pre{white-space:pre;overflow-wrap:normal;tab-size:2;margin:0;padding:12px 16px;overflow-x:auto}.current-demo :where(.prose) pre:not(.code-block pre),.current-demo .code-block [data-code]{font-family:var(--font-mono);font-size:var(--type-xs);letter-spacing:0;line-height:1.6}.current-demo :where(.prose) pre code{font-size:inherit}.current-demo .code-block pre:not(:first-child){margin-top:0}.current-demo .copy-button{z-index:10;border:.5px solid var(--border);background:var(--surface-3);border-radius:999px;align-items:center;gap:4px;height:24px;min-height:0;margin:0;padding:0 6px;display:inline-flex;position:absolute;top:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.current-demo .copy-button{background:color-mix(in srgb, var(--surface-3) 90%, transparent)}}.current-demo .copy-button{backdrop-filter:blur(8px);color:var(--text-3);font:500 var(--type-2xs) / 1 var(--font-sans);cursor:pointer;opacity:0}.current-demo .copy-button:hover{color:var(--foreground)}.current-demo .copy-button .cur-icon{width:12px;height:12px}.current-demo .code-block:hover .copy-button,.current-demo .copy-button:focus-visible,.current-demo .copy-button[data-copied]{opacity:1}@media (hover:none){.current-demo .copy-button{opacity:.7}}.current-demo [data-code] span[style]{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight)}.current-demo.dark [data-code]:not(.light [data-code]) span[style],.current-demo .dark [data-code]:not(.light [data-code]) span[style]{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight)}.current-demo .prose-cell-short{white-space:nowrap}.current-demo .prose-cell-long{min-width:min(18em,70vw)}.current-demo .composer-markdown{font-size:inherit}.current-demo .composer-markdown>p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--text-3)}}@layer utilities{.current-demo .\@container\/card-header{container:card-header/inline-size}.current-demo .\@container\/history{container:history/inline-size}.current-demo .\@container\/issue{container:issue/inline-size}.current-demo .\@container\/issue-wide{container:issue-wide/inline-size}.current-demo .\@container\/player{container:player/inline-size}.current-demo .\@container\/task{container:task/inline-size}.current-demo .\@container{container-type:inline-size}.current-demo .\[container-type\:size\]{container-type:size}.current-demo .pointer-events-auto{pointer-events:auto}.current-demo .pointer-events-auto\!{pointer-events:auto!important}.current-demo .pointer-events-none{pointer-events:none}.current-demo .collapse{visibility:collapse}.current-demo .invisible{visibility:hidden}.current-demo .visible{visibility:visible}@media (pointer:coarse){.current-demo .tap-target:after{content:"";inset:min(0px, calc(50% - var(--tap) / 2));position:absolute}}.current-demo .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.current-demo .absolute{position:absolute}.current-demo .fixed{position:fixed}.current-demo .relative{position:relative}.current-demo .static{position:static}.current-demo .sticky{position:sticky}.current-demo .inset-0{inset:0}.current-demo .inset-px{inset:1px}.current-demo .inset-x-0{inset-inline:0}.current-demo .inset-x-1\.5{inset-inline:calc(var(--spacing) * 1.5)}.current-demo .inset-x-2{inset-inline:calc(var(--spacing) * 2)}.current-demo .inset-x-\[32px\]{inset-inline:32px}.current-demo .-inset-y-1{inset-block:calc(var(--spacing) * -1)}.current-demo .inset-y-0{inset-block:0}.current-demo .-top-0\.5{top:calc(var(--spacing) * -.5)}.current-demo .-top-1{top:calc(var(--spacing) * -1)}.current-demo .-top-1\.5{top:calc(var(--spacing) * -1.5)}.current-demo .-top-2{top:calc(var(--spacing) * -2)}.current-demo .-top-4{top:calc(var(--spacing) * -4)}.current-demo .-top-px{top:-1px}.current-demo .top-\(--radius-lg\){top:var(--radius-lg)}.current-demo .top-0{top:0}.current-demo .top-1{top:var(--spacing)}.current-demo .top-1\/2{top:50%}.current-demo .top-2{top:calc(var(--spacing) * 2)}.current-demo .top-3{top:calc(var(--spacing) * 3)}.current-demo .top-4{top:calc(var(--spacing) * 4)}.current-demo .top-4\.5{top:calc(var(--spacing) * 4.5)}.current-demo .top-6{top:calc(var(--spacing) * 6)}.current-demo .top-\[calc\(--spacing\(2\)\+var\(--radius-lg\)\)\]{top:calc(calc(var(--spacing) * 2) + var(--radius-lg))}.current-demo .top-\[calc\(50\%\+20px\)\]{top:calc(50% + 20px)}.current-demo .top-\[calc\(env\(safe-area-inset-top\)\+0\.625rem\)\]{top:calc(env(safe-area-inset-top) + .625rem)}.current-demo .top-full{top:100%}.current-demo .-right-1{right:calc(var(--spacing) * -1)}.current-demo .-right-2\.5{right:calc(var(--spacing) * -2.5)}.current-demo .right-0{right:0}.current-demo .right-1{right:var(--spacing)}.current-demo .right-2{right:calc(var(--spacing) * 2)}.current-demo .right-2\.5{right:calc(var(--spacing) * 2.5)}.current-demo .right-3{right:calc(var(--spacing) * 3)}.current-demo .right-4{right:calc(var(--spacing) * 4)}.current-demo .right-7{right:calc(var(--spacing) * 7)}.current-demo .right-8{right:calc(var(--spacing) * 8)}.current-demo .right-12{right:calc(var(--spacing) * 12)}.current-demo .right-\[5px\]{right:5px}.current-demo .-bottom-px{bottom:-1px}.current-demo .bottom-0{bottom:0}.current-demo .bottom-1{bottom:var(--spacing)}.current-demo .bottom-2{bottom:calc(var(--spacing) * 2)}.current-demo .bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.current-demo .bottom-6{bottom:calc(var(--spacing) * 6)}.current-demo .bottom-\[32px\]{bottom:32px}.current-demo .bottom-\[calc\(--spacing\(2\)\+var\(--radius-lg\)\)\]{bottom:calc(calc(var(--spacing) * 2) + var(--radius-lg))}.current-demo .bottom-\[calc\(100\%\+8px\)\]{bottom:calc(100% + 8px)}.current-demo .bottom-\[calc\(100\%\+16px\)\]{bottom:calc(100% + 16px)}.current-demo .bottom-\[calc\(100\%-var\(--vv-height\,100\%\)\)\]{bottom:calc(100% - var(--vv-height,100%))}.current-demo .bottom-\[calc\(100\%-var\(--vv-height\,100\%\)\+0\.5rem\)\]{bottom:calc(100% - var(--vv-height,100%) + .5rem)}.current-demo .bottom-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{bottom:calc(env(safe-area-inset-bottom) + 1rem)}.current-demo .bottom-\[calc\(env\(safe-area-inset-bottom\)\+4\.5rem\)\]{bottom:calc(env(safe-area-inset-bottom) + 4.5rem)}.current-demo .bottom-\[calc\(env\(safe-area-inset-bottom\)\+77px\)\]{bottom:calc(env(safe-area-inset-bottom) + 77px)}.current-demo .bottom-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{bottom:max(1rem, env(safe-area-inset-bottom))}.current-demo .bottom-full{bottom:100%}.current-demo .-left-1{left:calc(var(--spacing) * -1)}.current-demo .left-0{left:0}.current-demo .left-1{left:var(--spacing)}.current-demo .left-1\/2{left:50%}.current-demo .left-1\/3{left:33.3333%}.current-demo .left-2{left:calc(var(--spacing) * 2)}.current-demo .left-2\.5{left:calc(var(--spacing) * 2.5)}.current-demo .left-3{left:calc(var(--spacing) * 3)}.current-demo .left-\[11px\]{left:11px}.current-demo .left-\[13\.5px\]{left:13.5px}.current-demo .left-\[15\.5px\]{left:15.5px}.current-demo .left-auto{left:auto}.current-demo .isolate{isolation:isolate}.current-demo .z-10{z-index:10}.current-demo .z-20{z-index:20}.current-demo .z-30{z-index:30}.current-demo .z-50{z-index:50}.current-demo .z-\[49\]{z-index:49}.current-demo .z-\[1000000000\]{z-index:1000000000}.current-demo .order-last{order:9999}.current-demo .col-start-1{grid-column-start:1}.current-demo .col-start-2{grid-column-start:2}.current-demo .row-span-2{grid-row:span 2/span 2}.current-demo .row-start-1{grid-row-start:1}.current-demo .row-start-2{grid-row-start:2}.current-demo .row-start-3{grid-row-start:3}.current-demo .container{width:100%}@media (width>=40rem){.current-demo .container{max-width:40rem}}@media (width>=48rem){.current-demo .container{max-width:48rem}}@media (width>=64rem){.current-demo .container{max-width:64rem}}@media (width>=80rem){.current-demo .container{max-width:80rem}}@media (width>=96rem){.current-demo .container{max-width:96rem}}.current-demo .m-0{margin:0}.current-demo .m-2{margin:calc(var(--spacing) * 2)}.current-demo .-mx-1{margin-inline:calc(var(--spacing) * -1)}.current-demo .-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.current-demo .-mx-2{margin-inline:calc(var(--spacing) * -2)}.current-demo .-mx-3{margin-inline:calc(var(--spacing) * -3)}.current-demo .-mx-4{margin-inline:calc(var(--spacing) * -4)}.current-demo .mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.current-demo .mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.current-demo .mx-2{margin-inline:calc(var(--spacing) * 2)}.current-demo .mx-3{margin-inline:calc(var(--spacing) * 3)}.current-demo .mx-4{margin-inline:calc(var(--spacing) * 4)}.current-demo .mx-auto{margin-inline:auto}.current-demo .-my-0\.5{margin-block:calc(var(--spacing) * -.5)}.current-demo .-my-1{margin-block:calc(var(--spacing) * -1)}.current-demo .-my-2\.5{margin-block:calc(var(--spacing) * -2.5)}.current-demo .my-0{margin-block:0}.current-demo .my-0\!{margin-block:0!important}.current-demo .my-1{margin-block:var(--spacing)}.current-demo .my-2{margin-block:calc(var(--spacing) * 2)}.current-demo .ms-auto{margin-inline-start:auto}.current-demo .-mt-1{margin-top:calc(var(--spacing) * -1)}.current-demo .-mt-2{margin-top:calc(var(--spacing) * -2)}.current-demo .-mt-3{margin-top:calc(var(--spacing) * -3)}.current-demo .-mt-4{margin-top:calc(var(--spacing) * -4)}.current-demo .-mt-6{margin-top:calc(var(--spacing) * -6)}.current-demo .mt-0{margin-top:0}.current-demo .mt-0\.5{margin-top:calc(var(--spacing) * .5)}.current-demo .mt-1{margin-top:var(--spacing)}.current-demo .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.current-demo .mt-2{margin-top:calc(var(--spacing) * 2)}.current-demo .mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.current-demo .mt-3{margin-top:calc(var(--spacing) * 3)}.current-demo .mt-4{margin-top:calc(var(--spacing) * 4)}.current-demo .mt-5{margin-top:calc(var(--spacing) * 5)}.current-demo .mt-6{margin-top:calc(var(--spacing) * 6)}.current-demo .mt-8{margin-top:calc(var(--spacing) * 8)}.current-demo .mt-\[0\.2em\]{margin-top:.2em}.current-demo .mt-\[3px\]{margin-top:3px}.current-demo .mt-\[9px\]{margin-top:9px}.current-demo .mt-auto{margin-top:auto}.current-demo .mt-px{margin-top:1px}.current-demo .-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.current-demo .-mr-1{margin-right:calc(var(--spacing) * -1)}.current-demo .-mr-1\.5{margin-right:calc(var(--spacing) * -1.5)}.current-demo .mr-1{margin-right:var(--spacing)}.current-demo .mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.current-demo .mr-2{margin-right:calc(var(--spacing) * 2)}.current-demo .mr-12{margin-right:calc(var(--spacing) * 12)}.current-demo .mr-auto{margin-right:auto}.current-demo .-mb-1{margin-bottom:calc(var(--spacing) * -1)}.current-demo .mb-0{margin-bottom:0}.current-demo .mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.current-demo .mb-1{margin-bottom:var(--spacing)}.current-demo .mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.current-demo .mb-2{margin-bottom:calc(var(--spacing) * 2)}.current-demo .mb-3{margin-bottom:calc(var(--spacing) * 3)}.current-demo .mb-4{margin-bottom:calc(var(--spacing) * 4)}.current-demo .mb-5{margin-bottom:calc(var(--spacing) * 5)}.current-demo .mb-6{margin-bottom:calc(var(--spacing) * 6)}.current-demo .mb-8{margin-bottom:calc(var(--spacing) * 8)}.current-demo .mb-10{margin-bottom:calc(var(--spacing) * 10)}.current-demo .mb-12{margin-bottom:calc(var(--spacing) * 12)}.current-demo .-ml-1{margin-left:calc(var(--spacing) * -1)}.current-demo .-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.current-demo .-ml-2{margin-left:calc(var(--spacing) * -2)}.current-demo .ml-0{margin-left:0}.current-demo .ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.current-demo .ml-2{margin-left:calc(var(--spacing) * 2)}.current-demo .ml-3{margin-left:calc(var(--spacing) * 3)}.current-demo .ml-5\.5{margin-left:calc(var(--spacing) * 5.5)}.current-demo .ml-6{margin-left:calc(var(--spacing) * 6)}.current-demo .ml-\[calc\(--spacing\(2\)-1px\)\]{margin-left:calc(calc(var(--spacing) * 2) - 1px)}.current-demo .ml-auto{margin-left:auto}.current-demo .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-demo .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-demo .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-demo .line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-demo .\!hidden{display:none!important}.current-demo .block{display:block}.current-demo .contents{display:contents}.current-demo .flex{display:flex}.current-demo .flow-root{display:flow-root}.current-demo .grid{display:grid}.current-demo .hidden{display:none}.current-demo .inline{display:inline}.current-demo .inline-block{display:inline-block}.current-demo .inline-flex{display:inline-flex}.current-demo .inline-grid{display:inline-grid}.current-demo .list-item{display:list-item}.current-demo .table{display:table}.current-demo .table-caption{display:table-caption}.current-demo .table-cell{display:table-cell}.current-demo .table-row{display:table-row}.current-demo .\[field-sizing\:content\]{field-sizing:content}.current-demo .\[field-sizing\:fixed\]{field-sizing:fixed}.current-demo .field-sizing-content{field-sizing:content}.current-demo .aspect-3\/5{aspect-ratio:3/5}.current-demo .aspect-\[9\/16\]{aspect-ratio:9/16}.current-demo .aspect-\[76\/62\]{aspect-ratio:76/62}.current-demo .aspect-square{aspect-ratio:1}.current-demo .size-0{width:0;height:0}.current-demo .size-1{width:var(--spacing);height:var(--spacing)}.current-demo .size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.current-demo .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.current-demo .size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.current-demo .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.current-demo .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.current-demo .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.current-demo .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.current-demo .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.current-demo .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.current-demo .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.current-demo .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.current-demo .size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.current-demo .size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.current-demo .size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.current-demo .size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.current-demo .size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.current-demo .size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.current-demo .size-\[1\.1em\]{width:1.1em;height:1.1em}.current-demo .size-\[1em\]{width:1em;height:1em}.current-demo .size-\[18px\]{width:18px;height:18px}.current-demo .size-\[56\%\]{width:56%;height:56%}.current-demo .size-\[62\%\]{width:62%;height:62%}.current-demo .size-full{width:100%;height:100%}.current-demo .size-full\!{width:100%!important;height:100%!important}.current-demo .h-0\.5{height:calc(var(--spacing) * .5)}.current-demo .h-0\.75{height:calc(var(--spacing) * .75)}.current-demo .h-1{height:var(--spacing)}.current-demo .h-1\.5{height:calc(var(--spacing) * 1.5)}.current-demo .h-2{height:calc(var(--spacing) * 2)}.current-demo .h-2\.5{height:calc(var(--spacing) * 2.5)}.current-demo .h-3{height:calc(var(--spacing) * 3)}.current-demo .h-3\.5{height:calc(var(--spacing) * 3.5)}.current-demo .h-4{height:calc(var(--spacing) * 4)}.current-demo .h-5{height:calc(var(--spacing) * 5)}.current-demo .h-6{height:calc(var(--spacing) * 6)}.current-demo .h-7{height:calc(var(--spacing) * 7)}.current-demo .h-8{height:calc(var(--spacing) * 8)}.current-demo .h-9{height:calc(var(--spacing) * 9)}.current-demo .h-10{height:calc(var(--spacing) * 10)}.current-demo .h-11{height:calc(var(--spacing) * 11)}.current-demo .h-12{height:calc(var(--spacing) * 12)}.current-demo .h-13{height:calc(var(--spacing) * 13)}.current-demo .h-14{height:calc(var(--spacing) * 14)}.current-demo .h-32{height:calc(var(--spacing) * 32)}.current-demo .h-36{height:calc(var(--spacing) * 36)}.current-demo .h-40{height:calc(var(--spacing) * 40)}.current-demo .h-44{height:calc(var(--spacing) * 44)}.current-demo .h-60{height:calc(var(--spacing) * 60)}.current-demo .h-64{height:calc(var(--spacing) * 64)}.current-demo .h-96{height:calc(var(--spacing) * 96)}.current-demo .h-\[1\.15rem\]{height:1.15rem}.current-demo .h-\[34px\]{height:34px}.current-demo .h-\[75dvh\]{height:75dvh}.current-demo .h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.current-demo .h-\[calc\(100\%-40px\)\]{height:calc(100% - 40px)}.current-demo .h-\[calc\(var\(--composer-height\,0px\)\+max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\)\]{height:calc(var(--composer-height,0px) + max(.75rem, env(safe-area-inset-bottom)))}.current-demo .h-\[calc\(var\(--composer-height\,0px\)\+max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\+6rem\)\]{height:calc(var(--composer-height,0px) + max(.75rem, env(safe-area-inset-bottom)) + 6rem)}.current-demo .h-\[min\(20rem\,var\(--radix-popover-content-available-height\)\)\]{height:min(20rem, var(--radix-popover-content-available-height))}.current-demo .h-\[min\(480px\,60vh\)\]{height:min(480px,60vh)}.current-demo .h-\[min\(720px\,calc\(100dvh-48px\)\)\]{height:min(720px,100dvh - 48px)}.current-demo .h-\[min\(860px\,calc\(100dvh-48px\)\)\]{height:min(860px,100dvh - 48px)}.current-demo .h-auto{height:auto}.current-demo .h-dvh{height:100dvh}.current-demo .h-full{height:100%}.current-demo .h-px{height:1px}.current-demo .max-h-40{max-height:calc(var(--spacing) * 40)}.current-demo .max-h-48{max-height:calc(var(--spacing) * 48)}.current-demo .max-h-60{max-height:calc(var(--spacing) * 60)}.current-demo .max-h-64{max-height:calc(var(--spacing) * 64)}.current-demo .max-h-80{max-height:calc(var(--spacing) * 80)}.current-demo .max-h-\[14dvh\]{max-height:14dvh}.current-demo .max-h-\[70vh\]{max-height:70vh}.current-demo .max-h-\[75dvh\]{max-height:75dvh}.current-demo .max-h-\[calc\(82dvh-7\.5rem\)\]{max-height:calc(82dvh - 7.5rem)}.current-demo .max-h-\[calc\(100dvh-6rem\)\]{max-height:calc(100dvh - 6rem)}.current-demo .max-h-\[calc\(100dvh-7\.5rem\)\]{max-height:calc(100dvh - 7.5rem)}.current-demo .max-h-\[calc\(var\(--vv-height\,100dvh\)\*0\.4\)\]{max-height:calc(var(--vv-height,100dvh) * .4)}.current-demo .max-h-\[calc\(var\(--vv-height\,100dvh\)-3rem\)\]{max-height:calc(var(--vv-height,100dvh) - 3rem)}.current-demo .max-h-\[calc\(var\(--vv-height\,100dvh\)-9rem\)\]{max-height:calc(var(--vv-height,100dvh) - 9rem)}.current-demo .max-h-\[inherit\]{max-height:inherit}.current-demo .max-h-\[min\(18rem\,50dvh\)\]{max-height:min(18rem,50dvh)}.current-demo .max-h-\[min\(24rem\,60dvh\)\]{max-height:min(24rem,60dvh)}.current-demo .max-h-\[min\(24rem\,60dvh\,var\(--radix-dropdown-menu-content-available-height\)\)\]{max-height:min(24rem, 60dvh, var(--radix-dropdown-menu-content-available-height))}.current-demo .max-h-\[min\(24rem\,60dvh\,var\(--radix-select-content-available-height\)\)\]{max-height:min(24rem, 60dvh, var(--radix-select-content-available-height))}.current-demo .max-h-\[min\(420px\,60vh\)\]{max-height:min(420px,60vh)}.current-demo .max-h-\[min\(640px\,calc\(100dvh-48px\)\)\]{max-height:min(640px,100dvh - 48px)}.current-demo .max-h-\[min\(860px\,calc\(100dvh-48px\)\)\]{max-height:min(860px,100dvh - 48px)}.current-demo .max-h-none\!{max-height:none!important}.current-demo .min-h-0{min-height:0}.current-demo .min-h-6{min-height:calc(var(--spacing) * 6)}.current-demo .min-h-7{min-height:calc(var(--spacing) * 7)}.current-demo .min-h-8{min-height:calc(var(--spacing) * 8)}.current-demo .min-h-9{min-height:calc(var(--spacing) * 9)}.current-demo .min-h-10{min-height:calc(var(--spacing) * 10)}.current-demo .min-h-11{min-height:calc(var(--spacing) * 11)}.current-demo .min-h-12{min-height:calc(var(--spacing) * 12)}.current-demo .min-h-13{min-height:calc(var(--spacing) * 13)}.current-demo .min-h-14{min-height:calc(var(--spacing) * 14)}.current-demo .min-h-16{min-height:calc(var(--spacing) * 16)}.current-demo .min-h-20{min-height:calc(var(--spacing) * 20)}.current-demo .min-h-24{min-height:calc(var(--spacing) * 24)}.current-demo .min-h-28{min-height:calc(var(--spacing) * 28)}.current-demo .min-h-32{min-height:calc(var(--spacing) * 32)}.current-demo .min-h-\[36vh\]{min-height:36vh}.current-demo .min-h-dvh{min-height:100dvh}.current-demo .min-h-full{min-height:100%}.current-demo .min-h-px{min-height:1px}.current-demo .w-\(--width\){width:var(--width)}.current-demo .w-0{width:0}.current-demo .w-0\.5{width:calc(var(--spacing) * .5)}.current-demo .w-1{width:var(--spacing)}.current-demo .w-1\.5{width:calc(var(--spacing) * 1.5)}.current-demo .w-2{width:calc(var(--spacing) * 2)}.current-demo .w-2\.5{width:calc(var(--spacing) * 2.5)}.current-demo .w-3\.5{width:calc(var(--spacing) * 3.5)}.current-demo .w-3\/4{width:75%}.current-demo .w-4\.5{width:calc(var(--spacing) * 4.5)}.current-demo .w-5{width:calc(var(--spacing) * 5)}.current-demo .w-6{width:calc(var(--spacing) * 6)}.current-demo .w-7{width:calc(var(--spacing) * 7)}.current-demo .w-8{width:calc(var(--spacing) * 8)}.current-demo .w-9{width:calc(var(--spacing) * 9)}.current-demo .w-10{width:calc(var(--spacing) * 10)}.current-demo .w-16{width:calc(var(--spacing) * 16)}.current-demo .w-20{width:calc(var(--spacing) * 20)}.current-demo .w-23{width:calc(var(--spacing) * 23)}.current-demo .w-24{width:calc(var(--spacing) * 24)}.current-demo .w-28{width:calc(var(--spacing) * 28)}.current-demo .w-32{width:calc(var(--spacing) * 32)}.current-demo .w-36{width:calc(var(--spacing) * 36)}.current-demo .w-40{width:calc(var(--spacing) * 40)}.current-demo .w-44{width:calc(var(--spacing) * 44)}.current-demo .w-48{width:calc(var(--spacing) * 48)}.current-demo .w-56{width:calc(var(--spacing) * 56)}.current-demo .w-64{width:calc(var(--spacing) * 64)}.current-demo .w-72{width:calc(var(--spacing) * 72)}.current-demo .w-80{width:calc(var(--spacing) * 80)}.current-demo .w-96{width:calc(var(--spacing) * 96)}.current-demo .w-\[22px\]{width:22px}.current-demo .w-\[60px\]{width:60px}.current-demo .w-\[85vw\]{width:85vw}.current-demo .w-\[280px\]{width:280px}.current-demo .w-\[300px\]{width:300px}.current-demo .w-\[calc\(100\%\+0\.5rem\)\]{width:calc(100% + .5rem)}.current-demo .w-\[calc\(100\%\+1\.5rem\)\]{width:calc(100% + 1.5rem)}.current-demo .w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.current-demo .w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.current-demo .w-\[min\(384px\,calc\(100vw-24px\)\)\]{width:min(384px,100vw - 24px)}.current-demo .w-\[min\(440px\,calc\(100vw-24px\)\)\]{width:min(440px,100vw - 24px)}.current-demo .w-\[min\(448px\,calc\(100vw-24px\)\)\]{width:min(448px,100vw - 24px)}.current-demo .w-\[min\(460px\,calc\(100vw-24px\)\)\]{width:min(460px,100vw - 24px)}.current-demo .w-\[min\(480px\,calc\(100vw-24px\)\)\]{width:min(480px,100vw - 24px)}.current-demo .w-\[min\(512px\,calc\(100vw-24px\)\)\]{width:min(512px,100vw - 24px)}.current-demo .w-\[min\(520px\,calc\(100vw-24px\)\)\]{width:min(520px,100vw - 24px)}.current-demo .w-\[min\(560px\,calc\(100vw-24px\)\)\]{width:min(560px,100vw - 24px)}.current-demo .w-\[min\(620px\,calc\(100vw-16px\)\)\]{width:min(620px,100vw - 16px)}.current-demo .w-\[min\(672px\,calc\(100vw-24px\)\)\]{width:min(672px,100vw - 24px)}.current-demo .w-\[min\(680px\,calc\(100vw-24px\)\)\]{width:min(680px,100vw - 24px)}.current-demo .w-\[min\(860px\,calc\(100vw-24px\)\)\]{width:min(860px,100vw - 24px)}.current-demo .w-auto{width:auto}.current-demo .w-fit{width:fit-content}.current-demo .w-full{width:100%}.current-demo .w-max{width:max-content}.current-demo .w-px{width:1px}.current-demo .w-screen{width:100vw}.current-demo .max-w-2xl{max-width:var(--container-2xl)}.current-demo .max-w-3xl{max-width:var(--container-3xl)}.current-demo .max-w-5xl{max-width:var(--container-5xl)}.current-demo .max-w-32{max-width:calc(var(--spacing) * 32)}.current-demo .max-w-36{max-width:calc(var(--spacing) * 36)}.current-demo .max-w-40{max-width:calc(var(--spacing) * 40)}.current-demo .max-w-48{max-width:calc(var(--spacing) * 48)}.current-demo .max-w-56{max-width:calc(var(--spacing) * 56)}.current-demo .max-w-60{max-width:calc(var(--spacing) * 60)}.current-demo .max-w-64{max-width:calc(var(--spacing) * 64)}.current-demo .max-w-72{max-width:calc(var(--spacing) * 72)}.current-demo .max-w-80{max-width:calc(var(--spacing) * 80)}.current-demo .max-w-\[80\%\]{max-width:80%}.current-demo .max-w-\[340px\]{max-width:340px}.current-demo .max-w-\[396px\]{max-width:396px}.current-demo .max-w-\[780px\]{max-width:780px}.current-demo .max-w-\[1080px\]{max-width:1080px}.current-demo .max-w-\[1600px\]{max-width:1600px}.current-demo .max-w-\[calc\(100\%-1\.5rem\)\]{max-width:calc(100% - 1.5rem)}.current-demo .max-w-\[calc\(100\%-24px\)\]{max-width:calc(100% - 24px)}.current-demo .max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.current-demo .max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.current-demo .max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.current-demo .max-w-\[calc\(780px\+22rem\)\]{max-width:calc(780px + 22rem)}.current-demo .max-w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{max-width:min(24rem,100vw - 2rem)}.current-demo .max-w-\[min\(24rem\,calc\(100vw-16px\)\)\]{max-width:min(24rem,100vw - 16px)}.current-demo .max-w-full{max-width:100%}.current-demo .max-w-md{max-width:var(--container-md)}.current-demo .max-w-none{max-width:none}.current-demo .max-w-sm{max-width:var(--container-sm)}.current-demo .max-w-xl{max-width:var(--container-xl)}.current-demo .min-w-0{min-width:0}.current-demo .min-w-4{min-width:calc(var(--spacing) * 4)}.current-demo .min-w-5{min-width:calc(var(--spacing) * 5)}.current-demo .min-w-6{min-width:calc(var(--spacing) * 6)}.current-demo .min-w-8{min-width:calc(var(--spacing) * 8)}.current-demo .min-w-9{min-width:calc(var(--spacing) * 9)}.current-demo .min-w-10{min-width:calc(var(--spacing) * 10)}.current-demo .min-w-16{min-width:calc(var(--spacing) * 16)}.current-demo .min-w-40{min-width:calc(var(--spacing) * 40)}.current-demo .min-w-44{min-width:calc(var(--spacing) * 44)}.current-demo .min-w-56{min-width:calc(var(--spacing) * 56)}.current-demo .min-w-60{min-width:calc(var(--spacing) * 60)}.current-demo .min-w-\[200px\]{min-width:200px}.current-demo .min-w-\[220px\]{min-width:220px}.current-demo .min-w-\[max\(10rem\,var\(--radix-select-trigger-width\)\)\]{min-width:max(10rem, var(--radix-select-trigger-width))}.current-demo .min-w-full{min-width:100%}.current-demo .flex-1{flex:1}.current-demo .flex-initial{flex:0 auto}.current-demo .shrink{flex-shrink:1}.current-demo .shrink-0{flex-shrink:0}.current-demo .shrink-\[2\]{flex-shrink:2}.current-demo .grow{flex-grow:1}.current-demo .basis-64{flex-basis:calc(var(--spacing) * 64)}.current-demo .basis-full{flex-basis:100%}.current-demo .caption-bottom{caption-side:bottom}.current-demo .origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.current-demo .origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.current-demo .origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.current-demo .origin-top{transform-origin:top}.current-demo .-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.current-demo .-rotate-90{rotate:-90deg}.current-demo .rotate-45{rotate:45deg}.current-demo .rotate-90{rotate:90deg}.current-demo .rotate-180{rotate:180deg}.current-demo .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.current-demo .shimmer{animation:2s linear infinite shimmer;mask-image:linear-gradient(-75deg,#000 35%,#0006 50%,#000 65%);mask-size:200% 100%}.current-demo .shimmer:where([data-inactive] *){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.current-demo .shimmer{animation:none;mask-image:none}}.current-demo .animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.current-demo .animate-ping{animation:var(--animate-ping)}.current-demo .animate-pulse{animation:var(--animate-pulse)}.current-demo .animate-spin{animation:var(--animate-spin)}.current-demo .cursor-col-resize{cursor:col-resize}.current-demo .cursor-crosshair{cursor:crosshair}.current-demo .cursor-default{cursor:default}.current-demo .cursor-grab{cursor:grab}.current-demo .cursor-grabbing{cursor:grabbing}.current-demo .cursor-pointer{cursor:pointer}.current-demo .cursor-text{cursor:text}.current-demo .cursor-zoom-in{cursor:zoom-in}.current-demo .cursor-zoom-out{cursor:zoom-out}.current-demo .touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.current-demo .touch-none{touch-action:none}.current-demo .resize{resize:both}.current-demo .resize-none{resize:none}.current-demo .resize-y{resize:vertical}.current-demo .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.current-demo .snap-mandatory{--tw-scroll-snap-strictness:mandatory}.current-demo .snap-center{scroll-snap-align:center}.current-demo .snap-start{scroll-snap-align:start}.current-demo .scroll-my-1{scroll-margin-block:var(--spacing)}.current-demo .scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.current-demo .scroll-px-3{scroll-padding-inline:calc(var(--spacing) * 3)}.current-demo .scroll-pt-2{scroll-padding-top:calc(var(--spacing) * 2)}.current-demo .scroll-pt-12{scroll-padding-top:calc(var(--spacing) * 12)}.current-demo .scroll-pb-\(--composer-height\){scroll-padding-bottom:var(--composer-height)}.current-demo .\[scrollbar-width\:none\]{scrollbar-width:none}.current-demo .list-disc{list-style-type:disc}.current-demo .list-none{list-style-type:none}.current-demo .auto-rows-min{grid-auto-rows:min-content}.current-demo .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.current-demo .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.current-demo .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.current-demo .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.current-demo .grid-cols-\[1fr_7rem\]{grid-template-columns:1fr 7rem}.current-demo .grid-cols-\[4\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:4.5rem minmax(0,1fr)}.current-demo .grid-cols-\[6\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:6.5rem minmax(0,1fr)}.current-demo .grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.current-demo .grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.current-demo .grid-cols-\[minmax\(0\,1fr\)_19rem\]{grid-template-columns:minmax(0,1fr) 19rem}.current-demo .grid-cols-\[minmax\(0\,max-content\)\]{grid-template-columns:minmax(0,max-content)}.current-demo .grid-rows-\[0fr\]{grid-template-rows:0fr}.current-demo .grid-rows-\[1fr\]{grid-template-rows:1fr}.current-demo .grid-rows-\[1fr_auto_156px_1fr\]{grid-template-rows:1fr auto 156px 1fr}.current-demo .grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.current-demo .flex-col{flex-direction:column}.current-demo .flex-row{flex-direction:row}.current-demo .flex-row-reverse{flex-direction:row-reverse}.current-demo .flex-nowrap{flex-wrap:nowrap}.current-demo .flex-wrap{flex-wrap:wrap}.current-demo .place-items-center{place-items:center}.current-demo .items-baseline{align-items:baseline}.current-demo .items-center{align-items:center}.current-demo .items-end{align-items:flex-end}.current-demo .items-start{align-items:flex-start}.current-demo .items-stretch{align-items:stretch}.current-demo .justify-between{justify-content:space-between}.current-demo .justify-center{justify-content:center}.current-demo .justify-end{justify-content:flex-end}.current-demo .justify-start{justify-content:flex-start}.current-demo .justify-items-center{justify-items:center}.current-demo .justify-items-center-safe{justify-items:safe center}.current-demo .gap-0{gap:0}.current-demo .gap-0\.5{gap:calc(var(--spacing) * .5)}.current-demo .gap-1{gap:var(--spacing)}.current-demo .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.current-demo .gap-2{gap:calc(var(--spacing) * 2)}.current-demo .gap-2\.5{gap:calc(var(--spacing) * 2.5)}.current-demo .gap-3{gap:calc(var(--spacing) * 3)}.current-demo .gap-4{gap:calc(var(--spacing) * 4)}.current-demo .gap-5{gap:calc(var(--spacing) * 5)}.current-demo .gap-6{gap:calc(var(--spacing) * 6)}.current-demo .gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.current-demo .gap-\[3px\]{gap:3px}.current-demo .gap-px{gap:1px}.current-demo :where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.current-demo :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.current-demo .gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.current-demo .gap-x-2{column-gap:calc(var(--spacing) * 2)}.current-demo .gap-x-3{column-gap:calc(var(--spacing) * 3)}.current-demo .gap-x-4{column-gap:calc(var(--spacing) * 4)}.current-demo .gap-x-6{column-gap:calc(var(--spacing) * 6)}.current-demo .gap-x-8{column-gap:calc(var(--spacing) * 8)}.current-demo .gap-x-12{column-gap:calc(var(--spacing) * 12)}.current-demo :where(.-space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw-space-x-reverse)))}.current-demo :where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.current-demo .gap-y-0{row-gap:0}.current-demo .gap-y-1{row-gap:var(--spacing)}.current-demo .gap-y-2{row-gap:calc(var(--spacing) * 2)}.current-demo .gap-y-3{row-gap:calc(var(--spacing) * 3)}.current-demo .gap-y-5{row-gap:calc(var(--spacing) * 5)}.current-demo :where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.current-demo :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.current-demo .self-center{align-self:center}.current-demo .self-end{align-self:flex-end}.current-demo .self-start{align-self:flex-start}.current-demo .justify-self-end{justify-self:flex-end}.current-demo .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.current-demo .overflow-auto{overflow:auto}.current-demo .overflow-clip{overflow:clip}.current-demo .overflow-hidden{overflow:hidden}.current-demo .overflow-visible{overflow:visible}.current-demo .overflow-x-auto{overflow-x:auto}.current-demo .overflow-y-auto{overflow-y:auto}.current-demo .overscroll-contain{overscroll-behavior:contain}.current-demo .overscroll-x-auto\!{overscroll-behavior-x:auto!important}.current-demo .overscroll-x-contain{overscroll-behavior-x:contain}.current-demo .rounded{border-radius:.25rem}.current-demo .rounded-2xl{border-radius:calc(var(--radius) + 9px)}.current-demo .rounded-3xl{border-radius:var(--radius-3xl)}.current-demo .rounded-\[1px\]{border-radius:1px}.current-demo .rounded-\[2px\]{border-radius:2px}.current-demo .rounded-\[3px\]{border-radius:3px}.current-demo .rounded-\[5px\]{border-radius:5px}.current-demo .rounded-\[7px\]{border-radius:7px}.current-demo .rounded-\[9px\]{border-radius:9px}.current-demo .rounded-\[10px\]{border-radius:10px}.current-demo .rounded-\[28\%\]{border-radius:28%}.current-demo .rounded-\[calc\(var\(--radius-lg\)-0\.375rem\)\]{border-radius:calc(var(--radius-lg) - .375rem)}.current-demo .rounded-\[inherit\]{border-radius:inherit}.current-demo .rounded-full{border-radius:2147483647px}.current-demo .rounded-lg{border-radius:var(--radius)}.current-demo .rounded-md{border-radius:calc(var(--radius) - 4px)}.current-demo .rounded-none{border-radius:0}.current-demo .rounded-sm{border-radius:calc(var(--radius) - 6px)}.current-demo .rounded-xl{border-radius:calc(var(--radius) + 4px)}.current-demo .rounded-xs{border-radius:var(--radius-xs)}.current-demo .rounded-t-2xl{border-top-left-radius:calc(var(--radius) + 9px);border-top-right-radius:calc(var(--radius) + 9px)}.current-demo .rounded-t-\[2px\]{border-top-left-radius:2px;border-top-right-radius:2px}.current-demo .rounded-t-\[3px\]{border-top-left-radius:3px;border-top-right-radius:3px}.current-demo .rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.current-demo .rounded-t-sm{border-top-left-radius:calc(var(--radius) - 6px);border-top-right-radius:calc(var(--radius) - 6px)}.current-demo .rounded-l-full{border-top-left-radius:2147483647px;border-bottom-left-radius:2147483647px}.current-demo .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.current-demo .rounded-tl-md{border-top-left-radius:calc(var(--radius) - 4px)}.current-demo .rounded-r-full{border-top-right-radius:2147483647px;border-bottom-right-radius:2147483647px}.current-demo .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.current-demo .rounded-b-2xl{border-bottom-right-radius:calc(var(--radius) + 9px);border-bottom-left-radius:calc(var(--radius) + 9px)}.current-demo .rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.current-demo .rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.current-demo .rounded-bl-md{border-bottom-left-radius:calc(var(--radius) - 4px)}.current-demo .border{border-style:var(--tw-border-style);border-width:1px}.current-demo .border-0{border-style:var(--tw-border-style);border-width:0}.current-demo .border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.current-demo .border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.current-demo .border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.current-demo .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.current-demo .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.current-demo .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.current-demo .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.current-demo .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.current-demo .border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.current-demo .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.current-demo .border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.current-demo .border-dashed{--tw-border-style:dashed;border-style:dashed}.current-demo .border-none{--tw-border-style:none;border-style:none}.current-demo .border-\(--grid\){border-color:var(--grid)}.current-demo .border-border,.current-demo .border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.current-demo .border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.current-demo .border-current{border-color:currentColor}.current-demo .border-destructive{border-color:var(--destructive)}.current-demo .border-foreground{border-color:var(--foreground)}.current-demo .border-input{border-color:var(--input)}.current-demo .border-primary,.current-demo .border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.current-demo .border-text-3,.current-demo .border-text-3\/40{border-color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-text-3\/40{border-color:color-mix(in oklab, var(--text-3) 40%, transparent)}}.current-demo .border-text-3\/50{border-color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-text-3\/50{border-color:color-mix(in oklab, var(--text-3) 50%, transparent)}}.current-demo .border-text-3\/60{border-color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .border-text-3\/60{border-color:color-mix(in oklab, var(--text-3) 60%, transparent)}}.current-demo .border-transparent{border-color:#0000}.current-demo .border-t-transparent{border-top-color:#0000}.current-demo .scroll-edge{border-bottom-color:#0000;animation-name:scroll-edge;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--scroll-edge;animation-range:0 12px}.current-demo .border-l-transparent{border-left-color:#0000}.current-demo .bg-\(--ds-amber-300\){background-color:var(--ds-amber-300)}.current-demo .bg-\(--ds-blue-300\){background-color:var(--ds-blue-300)}.current-demo .bg-\(--ds-gray-200\){background-color:var(--ds-gray-200)}.current-demo .bg-\(--ds-green-200\){background-color:var(--ds-green-200)}.current-demo .bg-\(--ds-green-700\){background-color:var(--ds-green-700)}.current-demo .bg-\(--ds-red-200\){background-color:var(--ds-red-200)}.current-demo .bg-\(--row\){background-color:var(--row)}.current-demo .bg-accent{background-color:var(--accent)}.current-demo .bg-background,.current-demo .bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-background\/95{background-color:color-mix(in oklab, var(--background) 95%, transparent)}}.current-demo .bg-black{background-color:var(--color-black)}.current-demo .bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.current-demo .bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.current-demo .bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.current-demo .bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.current-demo .bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}.current-demo .bg-border{background-color:var(--border)}.current-demo .bg-card,.current-demo .bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-card\/80{background-color:color-mix(in oklab, var(--card) 80%, transparent)}}.current-demo .bg-current,.current-demo .bg-current\/15{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-current\/15{background-color:color-mix(in oklab, currentcolor 15%, transparent)}}.current-demo .bg-destructive{background-color:var(--destructive)}.current-demo .bg-emerald-500{background-color:var(--color-emerald-500)}.current-demo .bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.current-demo .bg-emerald-500\/12{background-color:#00bb7f1f}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-emerald-500\/12{background-color:color-mix(in oklab, var(--color-emerald-500) 12%, transparent)}}.current-demo .bg-foreground,.current-demo .bg-foreground\/25{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-foreground\/25{background-color:color-mix(in oklab, var(--foreground) 25%, transparent)}}.current-demo .bg-good{background-color:var(--good)}.current-demo .bg-input{background-color:var(--input)}.current-demo .bg-muted,.current-demo .bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.current-demo .bg-popover{background-color:var(--popover)}.current-demo .bg-primary,.current-demo .bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.current-demo .bg-primary\/12{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/12{background-color:color-mix(in oklab, var(--primary) 12%, transparent)}}.current-demo .bg-primary\/24{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/24{background-color:color-mix(in oklab, var(--primary) 24%, transparent)}}.current-demo .bg-primary\/25{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/25{background-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.current-demo .bg-primary\/50{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/50{background-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.current-demo .bg-primary\/75{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/75{background-color:color-mix(in oklab, var(--primary) 75%, transparent)}}.current-demo .bg-primary\/\[0\.035\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-primary\/\[0\.035\]{background-color:color-mix(in oklab, var(--primary) 3.5%, transparent)}}.current-demo .bg-red-500\/12{background-color:#fb2c361f}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-red-500\/12{background-color:color-mix(in oklab, var(--color-red-500) 12%, transparent)}}.current-demo .bg-row{background-color:var(--row)}.current-demo .bg-secondary{background-color:var(--secondary)}.current-demo .bg-sidebar{background-color:var(--sidebar)}.current-demo .bg-sidebar-accent{background-color:var(--sidebar-accent)}.current-demo .bg-sky-500\/8{background-color:#00a5ef14}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-sky-500\/8{background-color:color-mix(in oklab, var(--color-sky-500) 8%, transparent)}}.current-demo .bg-surface-1{background-color:var(--surface-1)}.current-demo .bg-surface-2,.current-demo .bg-surface-2\/40{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-2\/40{background-color:color-mix(in oklab, var(--surface-2) 40%, transparent)}}.current-demo .bg-surface-2\/60{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-2\/60{background-color:color-mix(in oklab, var(--surface-2) 60%, transparent)}}.current-demo .bg-surface-2\/70{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-2\/70{background-color:color-mix(in oklab, var(--surface-2) 70%, transparent)}}.current-demo .bg-surface-3,.current-demo .bg-surface-3\/60{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-3\/60{background-color:color-mix(in oklab, var(--surface-3) 60%, transparent)}}.current-demo .bg-surface-3\/90{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-3\/90{background-color:color-mix(in oklab, var(--surface-3) 90%, transparent)}}.current-demo .bg-surface-4,.current-demo .bg-surface-4\/70{background-color:var(--surface-4)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-surface-4\/70{background-color:color-mix(in oklab, var(--surface-4) 70%, transparent)}}.current-demo .bg-surface-5{background-color:var(--surface-5)}.current-demo .bg-text-2{background-color:var(--text-2)}.current-demo .bg-text-3,.current-demo .bg-text-3\/15{background-color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-text-3\/15{background-color:color-mix(in oklab, var(--text-3) 15%, transparent)}}.current-demo .bg-text-3\/40{background-color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-text-3\/40{background-color:color-mix(in oklab, var(--text-3) 40%, transparent)}}.current-demo .bg-transparent{background-color:#0000}.current-demo .bg-warning{background-color:var(--warning)}.current-demo .bg-white{background-color:var(--color-white)}.current-demo .bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.current-demo .bg-white\/16{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.current-demo .bg-white\/16{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.current-demo .bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.current-demo .bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.current-demo .bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.current-demo .bg-\[linear-gradient\(to_top\,rgb\(0_0_0\/\.5\)_0px\,rgb\(0_0_0\/\.45\)_10px\,rgb\(0_0_0\/\.35\)_24px\,rgb\(0_0_0\/\.25\)_40px\,rgb\(0_0_0\/\.15\)_58px\,rgb\(0_0_0\/\.08\)_78px\,rgb\(0_0_0\/\.03\)_98px\,transparent_120px\)\]{background-image:linear-gradient(0deg,#00000080 0,#00000073 10px,#00000059 24px,#00000040 40px,#00000026 58px,#00000014 78px,#00000008 98px,#0000 120px)}.current-demo .from-background\/0{--tw-gradient-from:var(--background)}@supports (color:color-mix(in lab, red, red)){.current-demo .from-background\/0{--tw-gradient-from:color-mix(in oklab, var(--background) 0%, transparent)}}.current-demo .from-background\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .from-muted\/0{--tw-gradient-from:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .from-muted\/0{--tw-gradient-from:color-mix(in oklab, var(--muted) 0%, transparent)}}.current-demo .from-muted\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .from-surface-1\/0{--tw-gradient-from:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){.current-demo .from-surface-1\/0{--tw-gradient-from:color-mix(in oklab, var(--surface-1) 0%, transparent)}}.current-demo .from-surface-1\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .to-muted{--tw-gradient-to:var(--muted);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .to-surface-1{--tw-gradient-to:var(--surface-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .to-50\%{--tw-gradient-to-position:50%}.current-demo .scroll-fade{--above:0px;--below:0px;--before:0px;--after:0px}.current-demo .scroll-fade[data-above]{--above:var(--fade-above,1.25rem)}.current-demo .scroll-fade[data-below]{--below:1.25rem}.current-demo .scroll-fade[data-before]{--before:1.25rem}.current-demo .scroll-fade[data-after]{--after:1.25rem}.current-demo .scroll-fade{-webkit-mask-image:linear-gradient(transparent, #000 var(--above), #000 calc(100% - var(--below)), transparent), linear-gradient(to right, transparent, #000 var(--before), #000 calc(100% - var(--after)), transparent);-webkit-mask-image:linear-gradient(transparent, #000 var(--above), #000 calc(100% - var(--below)), transparent), linear-gradient(to right, transparent, #000 var(--before), #000 calc(100% - var(--after)), transparent);mask-image:linear-gradient(transparent, #000 var(--above), #000 calc(100% - var(--below)), transparent), linear-gradient(to right, transparent, #000 var(--before), #000 calc(100% - var(--after)), transparent);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.current-demo .\[mask-image\:linear-gradient\(black\,transparent\)\]{mask-image:linear-gradient(#000,#0000)}.current-demo .\[mask-image\:linear-gradient\(to_left\,transparent\,black_16px\)\]{mask-image:linear-gradient(270deg,#0000,#000 16px)}.current-demo .\[mask-image\:linear-gradient\(to_right\,transparent\,\#000_5rem\,\#000_calc\(100\%-5rem\)\,transparent\)\]{mask-image:linear-gradient(90deg,#0000,#000 5rem calc(100% - 5rem),#0000)}.current-demo .\[mask-image\:linear-gradient\(to_right\,transparent\,black_3rem\)\]{mask-image:linear-gradient(90deg,#0000,#000 3rem)}.current-demo .\[mask-image\:linear-gradient\(transparent\,black_20\%\,black_80\%\,transparent\)\]{mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.current-demo .bg-clip-padding{background-clip:padding-box}.current-demo .fill-current{fill:currentColor}.current-demo .fill-foreground{fill:var(--foreground)}.current-demo .fill-red-500{fill:var(--color-red-500)}.current-demo .stroke-current{stroke:currentColor}.current-demo .stroke-red-500\/40{stroke:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.current-demo .stroke-red-500\/40{stroke:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.current-demo .stroke-surface-3{stroke:var(--surface-3)}.current-demo .object-contain{object-fit:contain}.current-demo .object-cover{object-fit:cover}.current-demo .p-0{padding:0}.current-demo .p-0\.5{padding:calc(var(--spacing) * .5)}.current-demo .p-1{padding:var(--spacing)}.current-demo .p-1\.5{padding:calc(var(--spacing) * 1.5)}.current-demo .p-2{padding:calc(var(--spacing) * 2)}.current-demo .p-2\.5{padding:calc(var(--spacing) * 2.5)}.current-demo .p-3{padding:calc(var(--spacing) * 3)}.current-demo .p-3\.5{padding:calc(var(--spacing) * 3.5)}.current-demo .p-4{padding:calc(var(--spacing) * 4)}.current-demo .p-5{padding:calc(var(--spacing) * 5)}.current-demo .p-6{padding:calc(var(--spacing) * 6)}.current-demo .p-\[3px\]{padding:3px}.current-demo .p-px{padding:1px}.current-demo .px-0{padding-inline:0}.current-demo .px-1{padding-inline:var(--spacing)}.current-demo .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.current-demo .px-2{padding-inline:calc(var(--spacing) * 2)}.current-demo .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.current-demo .px-3{padding-inline:calc(var(--spacing) * 3)}.current-demo .px-4{padding-inline:calc(var(--spacing) * 4)}.current-demo .px-5{padding-inline:calc(var(--spacing) * 5)}.current-demo .px-6{padding-inline:calc(var(--spacing) * 6)}.current-demo .px-8{padding-inline:calc(var(--spacing) * 8)}.current-demo .px-\[5px\]{padding-inline:5px}.current-demo .px-px{padding-inline:1px}.current-demo .py-0{padding-block:0}.current-demo .py-0\.5{padding-block:calc(var(--spacing) * .5)}.current-demo .py-1{padding-block:var(--spacing)}.current-demo .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.current-demo .py-2{padding-block:calc(var(--spacing) * 2)}.current-demo .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.current-demo .py-3{padding-block:calc(var(--spacing) * 3)}.current-demo .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.current-demo .py-4{padding-block:calc(var(--spacing) * 4)}.current-demo .py-5{padding-block:calc(var(--spacing) * 5)}.current-demo .py-6{padding-block:calc(var(--spacing) * 6)}.current-demo .py-8{padding-block:calc(var(--spacing) * 8)}.current-demo .py-20{padding-block:calc(var(--spacing) * 20)}.current-demo .pt-0{padding-top:0}.current-demo .pt-0\.5{padding-top:calc(var(--spacing) * .5)}.current-demo .pt-1{padding-top:var(--spacing)}.current-demo .pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.current-demo .pt-2{padding-top:calc(var(--spacing) * 2)}.current-demo .pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.current-demo .pt-3{padding-top:calc(var(--spacing) * 3)}.current-demo .pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.current-demo .pt-4{padding-top:calc(var(--spacing) * 4)}.current-demo .pt-6{padding-top:calc(var(--spacing) * 6)}.current-demo .pt-8{padding-top:calc(var(--spacing) * 8)}.current-demo .pt-10{padding-top:calc(var(--spacing) * 10)}.current-demo .pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.current-demo .pr-0\.5{padding-right:calc(var(--spacing) * .5)}.current-demo .pr-1{padding-right:var(--spacing)}.current-demo .pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.current-demo .pr-2{padding-right:calc(var(--spacing) * 2)}.current-demo .pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.current-demo .pr-3{padding-right:calc(var(--spacing) * 3)}.current-demo .pr-4{padding-right:calc(var(--spacing) * 4)}.current-demo .pr-6{padding-right:calc(var(--spacing) * 6)}.current-demo .pr-7{padding-right:calc(var(--spacing) * 7)}.current-demo .pr-10{padding-right:calc(var(--spacing) * 10)}.current-demo .pr-\[9px\]{padding-right:9px}.current-demo .pr-\[26px\]{padding-right:26px}.current-demo .pb-0{padding-bottom:0}.current-demo .pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.current-demo .pb-1{padding-bottom:var(--spacing)}.current-demo .pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.current-demo .pb-2{padding-bottom:calc(var(--spacing) * 2)}.current-demo .pb-3{padding-bottom:calc(var(--spacing) * 3)}.current-demo .pb-4{padding-bottom:calc(var(--spacing) * 4)}.current-demo .pb-5{padding-bottom:calc(var(--spacing) * 5)}.current-demo .pb-6{padding-bottom:calc(var(--spacing) * 6)}.current-demo .pb-10{padding-bottom:calc(var(--spacing) * 10)}.current-demo .pb-12{padding-bottom:calc(var(--spacing) * 12)}.current-demo .pb-16{padding-bottom:calc(var(--spacing) * 16)}.current-demo .pb-24{padding-bottom:calc(var(--spacing) * 24)}.current-demo .pb-48{padding-bottom:calc(var(--spacing) * 48)}.current-demo .pb-\[calc\(max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\+0\.5rem\)\]{padding-bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + .5rem)}.current-demo .pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.current-demo .pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.current-demo .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.current-demo .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.current-demo .pl-0{padding-left:0}.current-demo .pl-0\.5{padding-left:calc(var(--spacing) * .5)}.current-demo .pl-1{padding-left:var(--spacing)}.current-demo .pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.current-demo .pl-2{padding-left:calc(var(--spacing) * 2)}.current-demo .pl-3{padding-left:calc(var(--spacing) * 3)}.current-demo .pl-4{padding-left:calc(var(--spacing) * 4)}.current-demo .pl-5{padding-left:calc(var(--spacing) * 5)}.current-demo .pl-6{padding-left:calc(var(--spacing) * 6)}.current-demo .pl-8{padding-left:calc(var(--spacing) * 8)}.current-demo .pl-11{padding-left:calc(var(--spacing) * 11)}.current-demo .pl-\[5\.375rem\]{padding-left:5.375rem}.current-demo .pl-\[42px\]{padding-left:42px}.current-demo .text-center{text-align:center}.current-demo .text-end{text-align:end}.current-demo .text-left{text-align:left}.current-demo .text-right{text-align:right}.current-demo .text-start{text-align:start}.current-demo .align-\[-1px\]{vertical-align:-1px}.current-demo .align-middle{vertical-align:middle}.current-demo .align-top{vertical-align:top}.current-demo .font-mono{font-family:Geist Mono Variable,ui-monospace,monospace}.current-demo .font-sans{font-family:Geist Variable,system-ui,sans-serif}.current-demo .text-2xl{font-size:var(--type-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.current-demo .text-3xl{font-size:var(--type-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.current-demo .text-base{font-size:var(--type-base);line-height:var(--tw-leading,var(--text-base--line-height))}.current-demo .text-lg{font-size:var(--type-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.current-demo .text-sm{font-size:var(--type-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.current-demo .text-sm\/relaxed{font-size:var(--type-sm);line-height:var(--leading-relaxed)}.current-demo .text-xl{font-size:var(--type-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.current-demo .text-xs{font-size:var(--type-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.current-demo .text-2xs{font-size:var(--type-2xs)}.current-demo .text-3xs{font-size:var(--type-3xs)}.current-demo .text-\[9px\]{font-size:9px}.current-demo .text-control{font-size:var(--type-control)}.current-demo .text-item{font-size:var(--type-item)}.current-demo .text-md{font-size:var(--type-md)}.current-demo .text-ui{font-size:var(--type-ui)}.current-demo .leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.current-demo .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.current-demo .leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.current-demo .leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.current-demo .leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.current-demo .leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.current-demo .leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.current-demo .leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.current-demo .leading-\[12px\]{--tw-leading:12px;line-height:12px}.current-demo .leading-\[18px\]{--tw-leading:18px;line-height:18px}.current-demo .leading-none{--tw-leading:1;line-height:1}.current-demo .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.current-demo .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.current-demo .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.current-demo .font-\[450\]{--tw-font-weight:450;font-weight:450}.current-demo .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.current-demo .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.current-demo .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.current-demo .tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.current-demo .tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.current-demo .tracking-\[-0\.006em\]{--tw-tracking:-.006em;letter-spacing:-.006em}.current-demo .tracking-\[-0\.012em\]{--tw-tracking:-.012em;letter-spacing:-.012em}.current-demo .tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.current-demo .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.current-demo .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.current-demo .\[letter-spacing\:inherit\]{letter-spacing:inherit}.current-demo .text-balance{text-wrap:balance}.current-demo .text-pretty{text-wrap:pretty}.current-demo .break-words{overflow-wrap:break-word}.current-demo .wrap-anywhere{overflow-wrap:anywhere}.current-demo .wrap-break-word{overflow-wrap:break-word}.current-demo .break-all{word-break:break-all}.current-demo .whitespace-normal{white-space:normal}.current-demo .whitespace-nowrap{white-space:nowrap}.current-demo .whitespace-pre{white-space:pre}.current-demo .whitespace-pre-wrap{white-space:pre-wrap}.current-demo .text-\(--critical\){color:var(--critical)}.current-demo .text-\(--ds-amber-700\){color:var(--ds-amber-700)}.current-demo .text-\(--ds-amber-800\){color:var(--ds-amber-800)}.current-demo .text-\(--ds-amber-900\){color:var(--ds-amber-900)}.current-demo .text-\(--ds-blue-900\){color:var(--ds-blue-900)}.current-demo .text-\(--ds-gray-900\){color:var(--ds-gray-900)}.current-demo .text-\(--ds-green-700\){color:var(--ds-green-700)}.current-demo .text-\(--ds-green-900\){color:var(--ds-green-900)}.current-demo .text-\(--ds-red-700\){color:var(--ds-red-700)}.current-demo .text-\(--ds-red-900\){color:var(--ds-red-900)}.current-demo .text-\(--normal-text\){color:var(--normal-text)}.current-demo .text-amber-500{color:var(--color-amber-500)}.current-demo .text-background{color:var(--background)}.current-demo .text-black{color:var(--color-black)}.current-demo .text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.current-demo .text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.current-demo .text-card-foreground{color:var(--card-foreground)}.current-demo .text-critical{color:var(--critical)}.current-demo .text-current{color:currentColor}.current-demo .text-destructive,.current-demo .text-destructive\/70{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .text-destructive\/70{color:color-mix(in oklab, var(--destructive) 70%, transparent)}}.current-demo .text-destructive\/75{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .text-destructive\/75{color:color-mix(in oklab, var(--destructive) 75%, transparent)}}.current-demo .text-emerald-500{color:var(--color-emerald-500)}.current-demo .text-emerald-600{color:var(--color-emerald-600)}.current-demo .text-foreground,.current-demo .text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.current-demo .text-good{color:var(--good)}.current-demo .text-green-500{color:var(--color-green-500)}.current-demo .text-inherit{color:inherit}.current-demo .text-muted-foreground,.current-demo .text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .text-muted-foreground\/70{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.current-demo .text-popover-foreground{color:var(--popover-foreground)}.current-demo .text-primary{color:var(--primary)}.current-demo .text-primary-foreground{color:var(--primary-foreground)}.current-demo .text-purple-500{color:var(--color-purple-500)}.current-demo .text-red-500{color:var(--color-red-500)}.current-demo .text-red-600{color:var(--color-red-600)}.current-demo .text-secondary-foreground{color:var(--secondary-foreground)}.current-demo .text-sidebar-foreground{color:var(--sidebar-foreground)}.current-demo .text-text-2{color:var(--text-2)}.current-demo .text-text-3,.current-demo .text-text-3\/70{color:var(--text-3)}@supports (color:color-mix(in lab, red, red)){.current-demo .text-text-3\/70{color:color-mix(in oklab, var(--text-3) 70%, transparent)}}.current-demo .text-warning{color:var(--warning)}.current-demo .text-white{color:var(--color-white)}.current-demo .text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.current-demo .text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.current-demo .text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.current-demo .text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.current-demo .capitalize{text-transform:capitalize}.current-demo .lowercase{text-transform:lowercase}.current-demo .uppercase{text-transform:uppercase}.current-demo .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.current-demo .line-through{text-decoration-line:line-through}.current-demo .underline{text-decoration-line:underline}.current-demo .underline-offset-2{text-underline-offset:2px}.current-demo .underline-offset-4{text-underline-offset:4px}.current-demo .accent-foreground{accent-color:var(--foreground)}.current-demo .accent-primary{accent-color:var(--primary)}.current-demo .opacity-0{opacity:0}.current-demo .opacity-16{opacity:.16}.current-demo .opacity-20{opacity:.2}.current-demo .opacity-40{opacity:.4}.current-demo .opacity-50{opacity:.5}.current-demo .opacity-60{opacity:.6}.current-demo .opacity-70{opacity:.7}.current-demo .opacity-85{opacity:.85}.current-demo .opacity-100{opacity:1}.current-demo .opacity-100\!{opacity:1!important}.current-demo .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-\[0_0_12px_var\(--primary\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .ring-background{--tw-ring-color:var(--background)}.current-demo .ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.current-demo .ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.current-demo .ring-card{--tw-ring-color:var(--card)}.current-demo .ring-current{--tw-ring-color:currentcolor}.current-demo .ring-foreground\/50{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .ring-foreground\/50{--tw-ring-color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.current-demo .ring-primary,.current-demo .ring-primary\/60{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .ring-primary\/60{--tw-ring-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.current-demo .ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo .ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.current-demo .ring-surface-2{--tw-ring-color:var(--surface-2)}.current-demo .ring-text-3{--tw-ring-color:var(--text-3)}.current-demo .ring-white{--tw-ring-color:var(--color-white)}.current-demo .outline{outline-style:var(--tw-outline-style);outline-width:1px}.current-demo .outline-primary{outline-color:var(--primary)}.current-demo .blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .brightness-40{--tw-brightness:brightness(40%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.current-demo .backdrop-blur-none{--tw-backdrop-blur: ;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.current-demo .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.current-demo .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[background-color\,color\,scale\]{transition-property:background-color,color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[border-color\]{transition-property:border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[display\]{transition-property:display;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[opacity\,border-color\]{transition-property:opacity,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[opacity\,scale\]{transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[opacity\,translate\]{transition-property:opacity,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[stroke-dasharray\]{transition-property:stroke-dasharray;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[width\,background-color\]{transition-property:width,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[width\,opacity\]{transition-property:width,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.current-demo .transition-discrete{transition-behavior:allow-discrete}.current-demo .delay-200{transition-delay:.2s}.current-demo .duration-75{--tw-duration:75ms;transition-duration:75ms}.current-demo .duration-150{--tw-duration:.15s;transition-duration:.15s}.current-demo .duration-200{--tw-duration:.2s;transition-duration:.2s}.current-demo .duration-250{--tw-duration:.25s;transition-duration:.25s}.current-demo .duration-300{--tw-duration:.3s;transition-duration:.3s}.current-demo .duration-500{--tw-duration:.5s;transition-duration:.5s}.current-demo .ease-\[cubic-bezier\(\.25\,\.46\,\.45\,\.94\)\]{--tw-ease:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.current-demo .ease-\[cubic-bezier\(\.25\,1\,\.5\,1\)\]{--tw-ease:cubic-bezier(.25,1,.5,1);transition-timing-function:cubic-bezier(.25,1,.5,1)}.current-demo .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.current-demo .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.current-demo .fade-under-sticky [data-sticky-rows]>*{animation-name:fade-under-sticky;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block var(--sticky-top,0px) 0px);animation-range:exit -1.25rem exit 0%}.current-demo .delay-200{--tw-animation-delay:.2s;animation-delay:.2s}.current-demo .fill-mode-both{--tw-animation-fill-mode:both;animation-fill-mode:both}.current-demo .outline-none{--tw-outline-style:none;outline-style:none}.current-demo .select-none{-webkit-user-select:none;user-select:none}.current-demo .select-text{-webkit-user-select:text;user-select:text}.current-demo .\!running{animation-play-state:running!important}.current-demo .\[--fade-above\:0px\]{--fade-above:0px}.current-demo .\[--feed-end-gap\:0\.5rem\]{--feed-end-gap:.5rem}.current-demo .\[--normal-bg-hover\:var\(--accent\)\]{--normal-bg-hover:var(--accent)}.current-demo .\[--normal-bg\:transparent\]{--normal-bg:transparent}.current-demo .\[--normal-text\:var\(--muted-foreground\)\]{--normal-text:var(--muted-foreground)}.current-demo .\[--radix-accordion-content-height\:var\(--radix-collapsible-content-height\)\]{--radix-accordion-content-height:var(--radix-collapsible-content-height)}.current-demo .\[--sticky-top\:--spacing\(6\)\]{--sticky-top:calc(var(--spacing) * 6)}.current-demo .\[-webkit-touch-callout\:none\]{-webkit-touch-callout:none}.current-demo .\[font\:inherit\]{font:inherit}.current-demo .\[grid-area\:chips\]{grid-area:chips}.current-demo .\[grid-area\:field\]{grid-area:field}.current-demo .\[grid-area\:mic\]{grid-area:mic}.current-demo .\[grid-area\:plus\]{grid-area:plus}.current-demo .\[grid-area\:send\]{grid-area:send}.current-demo .\[grid-template-areas\:\'field_field_field_field\'_\'plus_chips_mic_send\'\]{grid-template-areas:"field field field field""plus chips mic send"}.current-demo .\[grid-template-areas\:\'plus_field_mic_send\'\]{grid-template-areas:"plus field mic send"}.current-demo .\[overflow-anchor\:none\]{overflow-anchor:none}.current-demo .\[shape-rendering\:crispEdges\]{shape-rendering:crispedges}.current-demo .\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.current-demo .fade-in{--tw-enter-opacity:0}.current-demo .paused{animation-play-state:paused}.current-demo .ring-inset{--tw-ring-inset:inset}.current-demo .running{animation-play-state:running}.current-demo .slide-in-from-right-2{--tw-enter-translate-x:calc(2*var(--spacing))}.current-demo .slide-in-from-top-1{--tw-enter-translate-y:calc(1*var(--spacing)*-1)}.current-demo :is(.\*\:pointer-events-auto>*){pointer-events:auto}.current-demo :is(.\*\:bg-card>*){background-color:var(--card)}.current-demo .not-first\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.current-demo .not-first\:pt-12:not(:first-child){padding-top:calc(var(--spacing) * 12)}.current-demo .not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@supports not (animation-timeline:view()){.current-demo .not-supports-\[animation-timeline\:view\(\)\]\:bg-sidebar{background-color:var(--sidebar)}}.current-demo .group-open\:block:is(:where(.group):is([open],:popover-open,:open) *){display:block}.current-demo .group-open\:hidden:is(:where(.group):is([open],:popover-open,:open) *){display:none}.current-demo .group-open\/details\:rotate-0:is(:where(.group\/details):is([open],:popover-open,:open) *){rotate:0deg}.current-demo .group-focus-within\:opacity-0:is(:where(.group):focus-within *){opacity:0}.current-demo .group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}.current-demo .group-focus-within\/sound\:pointer-events-auto:is(:where(.group\/sound):focus-within *){pointer-events:auto}.current-demo .group-focus-within\/sound\:visible:is(:where(.group\/sound):focus-within *){visibility:visible}@media (hover:hover){.current-demo .group-hover\:invisible:is(:where(.group):hover *){visibility:hidden}.current-demo .group-hover\:visible:is(:where(.group):hover *){visibility:visible}.current-demo .group-hover\:block:is(:where(.group):hover *){display:block}.current-demo .group-hover\:bg-primary\/60:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .group-hover\:bg-primary\/60:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.current-demo .group-hover\:from-surface-2\/0:is(:where(.group):hover *){--tw-gradient-from:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.current-demo .group-hover\:from-surface-2\/0:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--surface-2) 0%, transparent)}}.current-demo .group-hover\:from-surface-2\/0:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .group-hover\:to-surface-2:is(:where(.group):hover *){--tw-gradient-to:var(--surface-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.current-demo .group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.current-demo .group-hover\:opacity-100:is(:where(.group):hover *),.current-demo .group-hover\/bar\:opacity-100:is(:where(.group\/bar):hover *),.current-demo .group-hover\/md\:opacity-100:is(:where(.group\/md):hover *){opacity:1}.current-demo .group-hover\/player\:translate-y-0:is(:where(.group\/player):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .group-hover\/player\:opacity-100:is(:where(.group\/player):hover *),.current-demo .group-hover\/post\:opacity-100:is(:where(.group\/post):hover *){opacity:1}.current-demo .group-hover\/sound\:pointer-events-auto:is(:where(.group\/sound):hover *){pointer-events:auto}.current-demo .group-hover\/sound\:visible:is(:where(.group\/sound):hover *){visibility:visible}.current-demo .group-hover\/sound\:bg-white\/16:is(:where(.group\/sound):hover *){background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.current-demo .group-hover\/sound\:bg-white\/16:is(:where(.group\/sound):hover *){background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.current-demo .group-hover\/sound\:backdrop-blur-sm:is(:where(.group\/sound):hover *){--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}.current-demo .group-aria-expanded\/trace-collapsible-trigger\:rotate-90:is(:where(.group\/trace-collapsible-trigger)[aria-expanded=true] *){rotate:90deg}.current-demo .group-data-selecting\/list\:bg-row:is(:where(.group\/list)[data-selecting] *){background-color:var(--row)}.current-demo .group-data-selecting\/list\:opacity-100:is(:where(.group\/list)[data-selecting] *){opacity:1}.current-demo .group-data-shown\/player\:translate-y-0:is(:where(.group\/player)[data-shown] *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .group-data-shown\/player\:opacity-100:is(:where(.group\/player)[data-shown] *){opacity:1}.current-demo .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.current-demo .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.current-demo .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.current-demo .group-data-\[menu\=open\]\:invisible:is(:where(.group)[data-menu=open] *){visibility:hidden}.current-demo .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.current-demo .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state=open] *){rotate:90deg}.current-demo .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.current-demo .file\:inline-flex::file-selector-button{display:inline-flex}.current-demo .file\:h-full::file-selector-button{height:100%}.current-demo .file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.current-demo .file\:bg-transparent::file-selector-button{background-color:#0000}.current-demo .file\:text-ui::file-selector-button{font-size:var(--type-ui)}.current-demo .file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.current-demo .file\:text-foreground::file-selector-button{color:var(--foreground)}.current-demo .placeholder\:text-text-3::placeholder{color:var(--text-3)}.current-demo .before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.current-demo .before\:absolute:before{content:var(--tw-content);position:absolute}.current-demo .before\:-inset-x-0\.5:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * -.5)}.current-demo .before\:-inset-x-2:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * -2)}.current-demo .before\:-inset-y-3:before{content:var(--tw-content);inset-block:calc(var(--spacing) * -3)}.current-demo .before\:-top-2:before{content:var(--tw-content);top:calc(var(--spacing) * -2)}.current-demo .before\:top-0:before{content:var(--tw-content);top:0}.current-demo .before\:right-4:before{content:var(--tw-content);right:calc(var(--spacing) * 4)}.current-demo .before\:-bottom-3:before{content:var(--tw-content);bottom:calc(var(--spacing) * -3)}.current-demo .before\:bottom-full:before{content:var(--tw-content);bottom:100%}.current-demo .before\:left-0:before{content:var(--tw-content);left:0}.current-demo .before\:left-4:before{content:var(--tw-content);left:calc(var(--spacing) * 4)}.current-demo .before\:left-\[2\.625rem\]:before{content:var(--tw-content);left:2.625rem}.current-demo .before\:left-\[5\.375rem\]:before{content:var(--tw-content);left:5.375rem}.current-demo .before\:hidden:before{content:var(--tw-content);display:none}.current-demo .before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing) * 2)}.current-demo .before\:h-px:before{content:var(--tw-content);height:1px}.current-demo .before\:w-1\/2:before{content:var(--tw-content);width:50%}.current-demo .before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.current-demo .before\:bg-background:before{content:var(--tw-content);background-color:var(--background)}.current-demo .before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.current-demo .before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.current-demo .after\:absolute:after{content:var(--tw-content);position:absolute}.current-demo .after\:inset-0:after{content:var(--tw-content);inset:0}.current-demo .after\:w-1\/2:after{content:var(--tw-content);width:50%}.current-demo .after\:shrink-0:after{content:var(--tw-content);flex-shrink:0}.current-demo .after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.current-demo .after\:rounded-xl:after{content:var(--tw-content);border-radius:calc(var(--radius) + 4px)}.current-demo .after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.current-demo .after\:opacity-0:after{content:var(--tw-content);opacity:0}.current-demo .after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .after\:ring-foreground\/10:after{content:var(--tw-content);--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .after\:ring-foreground\/10:after{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.current-demo .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.current-demo .after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}.current-demo .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.current-demo .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.current-demo .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.current-demo .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.current-demo .first\:mt-0:first-child{margin-top:0}.current-demo .first\:rounded-t-\[18px\]:first-child{border-top-left-radius:18px;border-top-right-radius:18px}.current-demo .first\:rounded-l-full:first-child{border-top-left-radius:2147483647px;border-bottom-left-radius:2147483647px}.current-demo .first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.current-demo .first\:pt-2:first-child{padding-top:calc(var(--spacing) * 2)}.current-demo .first\:before\:hidden:first-child:before{content:var(--tw-content);display:none}.current-demo .last\:rounded-r-full:last-child{border-top-right-radius:2147483647px;border-bottom-right-radius:2147483647px}.current-demo .last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.current-demo .last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.current-demo .last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.current-demo .last\:pb-1:last-child{padding-bottom:var(--spacing)}.current-demo .read-only\:text-text-3:read-only{color:var(--text-3)}.current-demo .focus-within\:border-foreground\/35:focus-within{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-within\:border-foreground\/35:focus-within{border-color:color-mix(in oklab, var(--foreground) 35%, transparent)}}.current-demo .focus-within\:border-input:focus-within{border-color:var(--input)}@media (hover:hover){.current-demo .hover\:border-foreground\/35:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:border-foreground\/35:hover{border-color:color-mix(in oklab, var(--foreground) 35%, transparent)}}.current-demo .hover\:border-input:hover{border-color:var(--input)}.current-demo .hover\:bg-\(--normal-bg-hover\):hover{background-color:var(--normal-bg-hover)}.current-demo .hover\:bg-accent:hover,.current-demo .hover\:bg-accent\/60:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-accent\/60:hover{background-color:color-mix(in oklab, var(--accent) 60%, transparent)}}.current-demo .hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.current-demo .hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.current-demo .hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.current-demo .hover\:bg-muted:hover,.current-demo .hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.current-demo .hover\:bg-primary\/15:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-primary\/15:hover{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.current-demo .hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.current-demo .hover\:bg-row:hover{background-color:var(--row)}.current-demo .hover\:bg-sidebar-accent:hover,.current-demo .hover\:bg-sidebar-accent\/60:hover{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-sidebar-accent\/60:hover{background-color:color-mix(in oklab, var(--sidebar-accent) 60%, transparent)}}.current-demo .hover\:bg-surface-1:hover{background-color:var(--surface-1)}.current-demo .hover\:bg-surface-2:hover{background-color:var(--surface-2)}.current-demo .hover\:bg-surface-3:hover{background-color:var(--surface-3)}.current-demo .hover\:bg-surface-4:hover{background-color:var(--surface-4)}.current-demo .hover\:bg-surface-5:hover{background-color:var(--surface-5)}.current-demo .hover\:bg-surface-6:hover{background-color:var(--surface-6)}.current-demo .hover\:bg-transparent:hover{background-color:#0000}.current-demo .hover\:bg-white\/16:hover{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-white\/16:hover{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.current-demo .hover\:bg-white\/24:hover{background-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.current-demo .hover\:bg-white\/24:hover{background-color:color-mix(in oklab, var(--color-white) 24%, transparent)}}.current-demo .hover\:text-\(--ds-amber-900\):hover{color:var(--ds-amber-900)}.current-demo .hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.current-demo .hover\:text-destructive:hover{color:var(--destructive)}.current-demo .hover\:text-foreground:hover{color:var(--foreground)}.current-demo .hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.current-demo .hover\:text-primary:hover{color:var(--primary)}.current-demo .hover\:text-sidebar-foreground:hover{color:var(--sidebar-foreground)}.current-demo .hover\:text-text-2:hover{color:var(--text-2)}.current-demo .hover\:no-underline:hover{text-decoration-line:none}.current-demo .hover\:underline:hover{text-decoration-line:underline}.current-demo .hover\:opacity-90:hover{opacity:.9}.current-demo .hover\:opacity-100:hover{opacity:1}.current-demo .hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .hover\:brightness-75:hover{--tw-brightness:brightness(75%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .hover\:backdrop-blur-sm:hover{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.current-demo .hover\:\[--normal-text\:var\(--foreground\)\]:hover{--normal-text:var(--foreground)}}.current-demo .focus\:z-10:focus,.current-demo .focus-visible\:z-10:focus-visible{z-index:10}.current-demo .focus-visible\:border-foreground\/35:focus-visible{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-visible\:border-foreground\/35:focus-visible{border-color:color-mix(in oklab, var(--foreground) 35%, transparent)}}.current-demo .focus-visible\:border-input:focus-visible{border-color:var(--input)}.current-demo .focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.current-demo .focus-visible\:bg-surface-4:focus-visible{background-color:var(--surface-4)}.current-demo .focus-visible\:bg-surface-5:focus-visible{background-color:var(--surface-5)}.current-demo .focus-visible\:text-foreground:focus-visible{color:var(--foreground)}.current-demo .focus-visible\:opacity-100:focus-visible{opacity:1}.current-demo .focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.current-demo .focus-visible\:ring-primary\/60:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-visible\:ring-primary\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.current-demo .focus-visible\:ring-ring:focus-visible,.current-demo .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.current-demo .focus-visible\:ring-white\/60:focus-visible{--tw-ring-color:#fff9}@supports (color:color-mix(in lab, red, red)){.current-demo .focus-visible\:ring-white\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.current-demo .focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.current-demo .focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.current-demo .focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.current-demo .focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.current-demo .focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}.current-demo .focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.current-demo .focus-visible\:brightness-100:focus-visible{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.current-demo .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.current-demo .focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.current-demo .active\:h-\[7px\]:active{height:7px}.current-demo .active\:scale-\[\.97\]:active{scale:.97}.current-demo .active\:cursor-grabbing:active{cursor:grabbing}.current-demo .active\:bg-surface-5:active{background-color:var(--surface-5)}.current-demo .active\:bg-white\/16:active{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.current-demo .active\:bg-white\/16:active{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.current-demo .active\:text-foreground:active{color:var(--foreground)}.current-demo .disabled\:pointer-events-none:disabled{pointer-events:none}.current-demo .disabled\:cursor-default:disabled{cursor:default}.current-demo .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.current-demo .disabled\:opacity-30:disabled{opacity:.3}.current-demo .disabled\:opacity-40:disabled{opacity:.4}.current-demo .disabled\:opacity-50:disabled{opacity:.5}.current-demo .disabled\:opacity-60:disabled{opacity:.6}.current-demo .disabled\:opacity-100:disabled{opacity:1}.current-demo :where(:is(a,button)) .in-\[a\,button\]\:cursor-pointer{cursor:pointer}.current-demo :where(:is(a:hover,button:hover)) .in-\[a\:hover\,button\:hover\]\:text-foreground{color:var(--foreground)}.current-demo .has-focus\:bg-surface-3:has(:focus){background-color:var(--surface-3)}.current-demo .has-enabled\:cursor-pointer:has(:enabled){cursor:pointer}@media (hover:hover){.current-demo .has-enabled\:hover\:text-foreground:has(:enabled):hover{color:var(--foreground)}}.current-demo .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.current-demo .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.current-demo .has-\[\[data-details\]\[data-state\=open\]\]\:max-h-none:has([data-details][data-state=open]){max-height:none}.current-demo .has-\[\[data-details\]\[data-state\=open\]\]\:overscroll-auto\!:has([data-details][data-state=open]){overscroll-behavior:auto!important}.current-demo .has-\[\[data-status\=error\]\]\:text-destructive:has([data-status=error]){color:var(--destructive)}.current-demo .has-\[button\]\:p-0:has(:is(button)){padding:0}.current-demo .has-\[\>\[data-slot\=list-item-media\]\]\:before\:left-15:has(>[data-slot=list-item-media]):before{content:var(--tw-content);left:calc(var(--spacing) * 15)}.current-demo .has-\[\>\[data-slot\=list-item-media\]\]\:before\:left-\[5\.375rem\]:has(>[data-slot=list-item-media]):before{content:var(--tw-content);left:5.375rem}.current-demo .has-\[\>\[data-slot\=scroll-area\]\]\:pb-0:has(>[data-slot=scroll-area]){padding-bottom:0}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:flex>*):has(>[data-slot=trace-line]){display:flex}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:w-fit>*):has(>[data-slot=trace-line]){width:fit-content}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:max-w-full>*):has(>[data-slot=trace-line]){max-width:100%}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:min-w-0>*):has(>[data-slot=trace-line]){min-width:0}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:rounded-md>*):has(>[data-slot=trace-line]){border-radius:calc(var(--radius) - 4px)}.current-demo :is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:text-left>*):has(>[data-slot=trace-line]){text-align:left}.current-demo .has-\[\>button\:first-child\:hover\]\:bg-surface-3:has(>button:first-child:hover){background-color:var(--surface-3)}.current-demo .has-\[\>span\.shrink-0\:first-child\]\:px-2:has(>span.shrink-0:first-child){padding-inline:calc(var(--spacing) * 2)}.current-demo .has-\[\>span\.shrink-0\:first-child\]\:px-2\.5:has(>span.shrink-0:first-child){padding-inline:calc(var(--spacing) * 2.5)}.current-demo .has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.current-demo .has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.current-demo .has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.current-demo .has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.current-demo .has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.current-demo .aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.current-demo .aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.current-demo .aria-expanded\:bg-accent[aria-expanded=true]{background-color:var(--accent)}.current-demo .aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.current-demo .aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.current-demo .aria-invalid\:ring-1[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .aria-invalid\:ring-destructive[aria-invalid=true]{--tw-ring-color:var(--destructive)}.current-demo .aria-selected\:bg-surface-5[aria-selected=true]{background-color:var(--surface-5)}.current-demo .aria-selected\:text-foreground[aria-selected=true]{color:var(--foreground)}.current-demo .data-below\:\[mask-image\:linear-gradient\(black_calc\(100\%-var\(--composer-height\,0px\)\)\,transparent_calc\(100\%-max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\)\)\][data-below]{-webkit-mask-image:linear-gradient(black calc(100% - var(--composer-height,0px)),transparent calc(100% - max(.75rem, env(safe-area-inset-bottom))));-webkit-mask-image:linear-gradient(black calc(100% - var(--composer-height,0px)),transparent calc(100% - max(.75rem, env(safe-area-inset-bottom))));mask-image:linear-gradient(black calc(100% - var(--composer-height,0px)),transparent calc(100% - max(.75rem, env(safe-area-inset-bottom))))}.current-demo .data-dragging\:pointer-events-auto[data-dragging]{pointer-events:auto}.current-demo .data-dragging\:visible[data-dragging]{visibility:visible}.current-demo .data-dragging\:h-\[7px\][data-dragging]{height:7px}.current-demo .data-dragging\:opacity-50[data-dragging]{opacity:.5}.current-demo :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.current-demo .data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.current-demo .data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.current-demo .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.current-demo .data-\[disabled\]\:opacity-50[data-disabled],.current-demo .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.current-demo .data-\[highlighted\]\:bg-surface-5[data-highlighted]{background-color:var(--surface-5)}.current-demo .data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--foreground)}.current-demo .data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.current-demo .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.current-demo .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.current-demo .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.current-demo .data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.current-demo .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.current-demo .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.current-demo .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.current-demo .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.current-demo .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.current-demo .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.current-demo .data-\[placeholder\]\:text-text-3[data-placeholder]{color:var(--text-3)}.current-demo .data-\[selected\=true\]\:bg-surface-5[data-selected=true]{background-color:var(--surface-5)}.current-demo .data-\[selected\=true\]\:bg-transparent[data-selected=true]{background-color:#0000}.current-demo .data-\[selected\=true\]\:text-foreground[data-selected=true]{color:var(--foreground)}.current-demo .data-\[selected\=true\]\:text-text-2[data-selected=true]{color:var(--text-2)}.current-demo :is(.\*\:data-\[slot\$\=title\]\:mr-auto>*)[data-slot$=title]{margin-right:auto}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-card>*)[data-slot=bubble-content]{background-color:var(--card)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:0}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}.current-demo :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}.current-demo :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-demo :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}.current-demo :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}.current-demo :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.current-demo .data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.current-demo .data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)}.current-demo .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:calc(var(--radius) - 4px);border-bottom-right-radius:calc(var(--radius) - 4px)}.current-demo .data-\[state\=active\]\:bg-card[data-state=active]{background-color:var(--card)}.current-demo .data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.current-demo .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.current-demo .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.current-demo .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.current-demo .data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.current-demo .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.current-demo .data-\[state\=checked\]\:opacity-100[data-state=checked]{opacity:1}.current-demo .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.current-demo .data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.current-demo .data-\[state\=closed\]\:duration-200[data-state=closed]{--tw-duration:.2s;transition-duration:.2s}.current-demo .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.current-demo .data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{border-color:var(--primary)}.current-demo .data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--primary)}.current-demo .data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--primary-foreground)}.current-demo .data-\[state\=on\]\:border-primary\/50[data-state=on]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .data-\[state\=on\]\:border-primary\/50[data-state=on]{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.current-demo .data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.current-demo .data-\[state\=on\]\:bg-foreground[data-state=on]{background-color:var(--foreground)}.current-demo .data-\[state\=on\]\:bg-primary\/12[data-state=on]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .data-\[state\=on\]\:bg-primary\/12[data-state=on]{background-color:color-mix(in oklab, var(--primary) 12%, transparent)}}.current-demo .data-\[state\=on\]\:bg-surface-1[data-state=on]{background-color:var(--surface-1)}.current-demo .data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.current-demo .data-\[state\=on\]\:text-background[data-state=on]{color:var(--background)}.current-demo .data-\[state\=on\]\:text-foreground[data-state=on]{color:var(--foreground)}.current-demo .data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.current-demo .data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.current-demo .data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.current-demo .data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.current-demo .data-\[state\=open\]\:bg-surface-4[data-state=open]{background-color:var(--surface-4)}.current-demo .data-\[state\=open\]\:bg-surface-5[data-state=open]{background-color:var(--surface-5)}.current-demo .data-\[state\=open\]\:text-foreground[data-state=open]{color:var(--foreground)}.current-demo .data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.current-demo .data-\[state\=open\]\:duration-300[data-state=open]{--tw-duration:.3s;transition-duration:.3s}.current-demo .data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.current-demo .data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.current-demo .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.current-demo .data-\[status\=error\]\:text-destructive[data-status=error],.current-demo :where(:is(a:hover,button:hover)) .data-\[status\=error\]\:in-\[a\:hover\,button\:hover\]\:text-destructive[data-status=error]{color:var(--destructive)}.current-demo .data-\[status\=pending\]\:opacity-60[data-status=pending]{opacity:.6}.current-demo :is(.data-\[status\=running\]\:\*\:data-\[slot\=trace-title\]\:shimmer[data-status=running]>*)[data-slot=trace-title]{animation:2s linear infinite shimmer;mask-image:linear-gradient(-75deg,#000 35%,#0006 50%,#000 65%);mask-size:200% 100%}.current-demo :is(.data-\[status\=running\]\:\*\:data-\[slot\=trace-title\]\:shimmer[data-status=running]>*)[data-slot=trace-title]:where([data-inactive] *){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.current-demo :is(.data-\[status\=running\]\:\*\:data-\[slot\=trace-title\]\:shimmer[data-status=running]>*)[data-slot=trace-title]{animation:none;mask-image:none}}.current-demo .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.current-demo .data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.current-demo .data-\[variant\=destructive\]\:data-\[highlighted\]\:text-destructive[data-variant=destructive][data-highlighted]{color:var(--destructive)}.current-demo .data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.current-demo .data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.current-demo .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.current-demo .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.current-demo .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (corner-shape:squircle){.current-demo .supports-\[corner-shape\:squircle\]\:rounded-\[50\%\]{border-radius:50%}.current-demo .supports-\[corner-shape\:squircle\]\:\[corner-shape\:squircle\]{corner-shape:squircle}}@media (prefers-reduced-motion:reduce){.current-demo .motion-reduce\:shimmer-none{animation:none;mask-image:none}.current-demo .motion-reduce\:animate-none{animation:none}.current-demo .motion-reduce\:transition-none{transition-property:none}}@media not all and (width>=48rem){.current-demo .max-md\:hidden{display:none}}@media not all and (width>=40rem){.current-demo .max-sm\:hidden{display:none}}@media (width>=40rem){.current-demo .sm\:mx-0{margin-inline:0}.current-demo .sm\:block{display:block}.current-demo .sm\:flex{display:flex}.current-demo .sm\:inline{display:inline}.current-demo .sm\:inline-flex{display:inline-flex}.current-demo .sm\:h-10{height:calc(var(--spacing) * 10)}.current-demo .sm\:w-48{width:calc(var(--spacing) * 48)}.current-demo .sm\:max-w-sm{max-width:var(--container-sm)}.current-demo .sm\:flex-none{flex:none}.current-demo .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.current-demo .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.current-demo .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.current-demo .sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.current-demo .sm\:grid-cols-\[10rem_1fr\]{grid-template-columns:10rem 1fr}.current-demo .sm\:flex-row{flex-direction:row}.current-demo .sm\:flex-wrap{flex-wrap:wrap}.current-demo .sm\:items-center{align-items:center}.current-demo .sm\:gap-3{gap:calc(var(--spacing) * 3)}.current-demo :where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.current-demo .sm\:overflow-visible{overflow:visible}.current-demo .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.current-demo .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.current-demo .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.current-demo .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.current-demo .sm\:pl-10{padding-left:calc(var(--spacing) * 10)}}@media (width>=48rem){.current-demo .md\:bottom-3{bottom:calc(var(--spacing) * 3)}.current-demo .md\:bottom-6{bottom:calc(var(--spacing) * 6)}.current-demo .md\:mx-0{margin-inline:0}.current-demo .md\:block{display:block}.current-demo .md\:flex{display:flex}.current-demo .md\:hidden{display:none}.current-demo .md\:inline{display:inline}.current-demo .md\:inline-flex{display:inline-flex}.current-demo .md\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.current-demo .md\:min-h-24{min-height:calc(var(--spacing) * 24)}.current-demo .md\:w-\[340px\]{width:340px}.current-demo .md\:w-\[var\(--pane-w\)\]{width:var(--pane-w)}.current-demo .md\:min-w-\[var\(--pane-w\)\]{min-width:var(--pane-w)}.current-demo .md\:shrink-0{flex-shrink:0}.current-demo .md\:snap-none{scroll-snap-type:none}.current-demo .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.current-demo .md\:rounded-lg{border-radius:var(--radius)}.current-demo .md\:border{border-style:var(--tw-border-style);border-width:1px}.current-demo .md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.current-demo .md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.current-demo .md\:p-0{padding:0}.current-demo .md\:p-6{padding:calc(var(--spacing) * 6)}.current-demo .md\:p-12{padding:calc(var(--spacing) * 12)}.current-demo .md\:px-0{padding-inline:0}.current-demo .md\:px-4{padding-inline:calc(var(--spacing) * 4)}.current-demo .md\:px-6{padding-inline:calc(var(--spacing) * 6)}.current-demo .md\:px-12{padding-inline:calc(var(--spacing) * 12)}.current-demo .md\:pt-2{padding-top:calc(var(--spacing) * 2)}.current-demo .md\:pt-8{padding-top:calc(var(--spacing) * 8)}.current-demo .md\:pt-10{padding-top:calc(var(--spacing) * 10)}.current-demo .md\:pt-16{padding-top:calc(var(--spacing) * 16)}.current-demo .md\:pr-2{padding-right:calc(var(--spacing) * 2)}.current-demo .md\:pb-2{padding-bottom:calc(var(--spacing) * 2)}.current-demo .md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.current-demo .md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.current-demo .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.current-demo .md\:pl-2{padding-left:calc(var(--spacing) * 2)}.current-demo .md\:text-xs{font-size:var(--type-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.current-demo .md\:text-2xs{font-size:var(--type-2xs)}.current-demo .group-data-\[lightbox-open\=true\]\/gallery\:md\:flex:is(:where(.group\/gallery)[data-lightbox-open=true] *){display:flex}}@media (width>=64rem){.current-demo .lg\:sticky{position:sticky}.current-demo .lg\:top-0{top:0}.current-demo .lg\:mt-0{margin-top:0}.current-demo .lg\:flex{display:flex}.current-demo .lg\:inline{display:inline}.current-demo .lg\:inline-flex{display:inline-flex}.current-demo .lg\:w-80{width:calc(var(--spacing) * 80)}.current-demo .lg\:flex-1{flex:1}.current-demo .lg\:shrink-0{flex-shrink:0}.current-demo .lg\:auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.current-demo .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.current-demo .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.current-demo .lg\:flex-col{flex-direction:column}.current-demo .lg\:items-start{align-items:flex-start}.current-demo .lg\:gap-5{gap:calc(var(--spacing) * 5)}.current-demo .lg\:self-stretch{align-self:stretch}.current-demo .lg\:pt-4{padding-top:calc(var(--spacing) * 4)}.current-demo .lg\:pb-3{padding-bottom:calc(var(--spacing) * 3)}}@media (width>=80rem){.current-demo .xl\:inline-flex{display:inline-flex}}@container history not (width>=28rem){.current-demo .\@max-\[28rem\]\/history\:h-5{height:calc(var(--spacing) * 5)}.current-demo .\@max-\[28rem\]\/history\:w-auto{width:auto}.current-demo .\@max-\[28rem\]\/history\:flex-col{flex-direction:column}.current-demo .\@max-\[28rem\]\/history\:items-center{align-items:center}.current-demo .\@max-\[28rem\]\/history\:items-start{align-items:flex-start}.current-demo .\@max-\[28rem\]\/history\:items-stretch{align-items:stretch}.current-demo .\@max-\[28rem\]\/history\:gap-0\.5{gap:calc(var(--spacing) * .5)}.current-demo .\@max-\[28rem\]\/history\:py-2{padding-block:calc(var(--spacing) * 2)}.current-demo .\@max-\[28rem\]\/history\:text-left{text-align:left}.current-demo .\@max-\[28rem\]\/history\:text-xs{font-size:var(--type-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@container player not (width>=20rem){.current-demo .\@max-xs\/player\:bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.current-demo .\@max-xs\/player\:order-first{order:-9999}.current-demo .\@max-xs\/player\:ml-auto{margin-left:auto}.current-demo .\@max-xs\/player\:contents{display:contents}.current-demo .\@max-xs\/player\:hidden{display:none}.current-demo .\@max-xs\/player\:basis-full{flex-basis:100%}.current-demo .\@max-xs\/player\:gap-x-1{column-gap:var(--spacing)}.current-demo .\@max-xs\/player\:px-2{padding-inline:calc(var(--spacing) * 2)}}@container player not (width>=10.5rem){.current-demo .\@max-\[10\.5rem\]\/player\:hidden{display:none}}@container (width>=42rem){.current-demo .\@2xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container task (width>=47.5rem){.current-demo .\@min-\[47\.5rem\]\/task\:sticky{position:sticky}.current-demo .\@min-\[47\.5rem\]\/task\:top-4{top:calc(var(--spacing) * 4)}.current-demo .\@min-\[47\.5rem\]\/task\:order-2{order:2}.current-demo .\@min-\[47\.5rem\]\/task\:grid{display:grid}.current-demo .\@min-\[47\.5rem\]\/task\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.current-demo .\@min-\[47\.5rem\]\/task\:items-start{align-items:flex-start}.current-demo .\@min-\[47\.5rem\]\/task\:gap-10{gap:calc(var(--spacing) * 10)}}.current-demo .dark\:bg-destructive\/60:is(.dark *):not(.light,.light *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:bg-destructive\/60:is(.dark *):not(.light,.light *){background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.current-demo .dark\:bg-surface-2:is(.dark *):not(.light,.light *){background-color:var(--surface-2)}.current-demo .dark\:bg-surface-3:is(.dark *):not(.light,.light *){background-color:var(--surface-3)}.current-demo .dark\:bg-surface-4:is(.dark *):not(.light,.light *){background-color:var(--surface-4)}.current-demo .dark\:text-emerald-400:is(.dark *):not(.light,.light *){color:var(--color-emerald-400)}.current-demo .dark\:text-muted-foreground:is(.dark *):not(.light,.light *){color:var(--muted-foreground)}.current-demo .dark\:text-red-400:is(.dark *):not(.light,.light *){color:var(--color-red-400)}.current-demo .dark\:ring-white\/10:is(.dark *):not(.light,.light *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:ring-white\/10:is(.dark *):not(.light,.light *){--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}@media (hover:hover){.current-demo .dark\:hover\:bg-accent\/50:is(.dark *):not(.light,.light *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:hover\:bg-accent\/50:is(.dark *):not(.light,.light *):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.current-demo .dark\:hover\:bg-surface-5:is(.dark *):not(.light,.light *):hover{background-color:var(--surface-5)}.current-demo .dark\:hover\:text-foreground:is(.dark *):not(.light,.light *):hover{color:var(--foreground)}}.current-demo :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:is(.dark *):not(.light,.light *)>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}.current-demo :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *):not(.light,.light *)>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *):not(.light,.light *)>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.current-demo .dark\:data-\[state\=active\]\:border-input:is(.dark *):not(.light,.light *)[data-state=active]{border-color:var(--input)}.current-demo .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *):not(.light,.light *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *):not(.light,.light *)[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.current-demo .dark\:data-\[state\=active\]\:text-foreground:is(.dark *):not(.light,.light *)[data-state=active]{color:var(--foreground)}.current-demo .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):not(.light,.light *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.current-demo .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):not(.light,.light *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.current-demo .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *):not(.light,.light *)[data-state=checked]{background-color:var(--primary-foreground)}.current-demo .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *):not(.light,.light *)[data-state=unchecked]{background-color:var(--foreground)}.current-demo .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *):not(.light,.light *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *):not(.light,.light *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}@starting-style{.current-demo .starting\:opacity-0{opacity:0}}@media (pointer:coarse){.current-demo .pointer-coarse\:top-0{top:0}.current-demo .pointer-coarse\:top-0\.5{top:calc(var(--spacing) * .5)}.current-demo .pointer-coarse\:right-0{right:0}.current-demo .pointer-coarse\:right-px{right:1px}.current-demo .pointer-coarse\:left-0{left:0}.current-demo .pointer-coarse\:left-3{left:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:-my-1{margin-block:calc(var(--spacing) * -1)}.current-demo .pointer-coarse\:-my-1\.5{margin-block:calc(var(--spacing) * -1.5)}.current-demo .pointer-coarse\:-mr-1{margin-right:calc(var(--spacing) * -1)}.current-demo .pointer-coarse\:-mr-2{margin-right:calc(var(--spacing) * -2)}.current-demo .pointer-coarse\:-mr-2\.5{margin-right:calc(var(--spacing) * -2.5)}.current-demo .pointer-coarse\:-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.current-demo .pointer-coarse\:ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.current-demo .pointer-coarse\:hidden{display:none}.current-demo .pointer-coarse\:size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.current-demo .pointer-coarse\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.current-demo .pointer-coarse\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.current-demo .pointer-coarse\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.current-demo .pointer-coarse\:size-8\.5{width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.current-demo .pointer-coarse\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.current-demo .pointer-coarse\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.current-demo .pointer-coarse\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.current-demo .pointer-coarse\:size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.current-demo .pointer-coarse\:size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.current-demo .pointer-coarse\:h-6{height:calc(var(--spacing) * 6)}.current-demo .pointer-coarse\:h-7{height:calc(var(--spacing) * 7)}.current-demo .pointer-coarse\:h-8{height:calc(var(--spacing) * 8)}.current-demo .pointer-coarse\:h-8\.5{height:calc(var(--spacing) * 8.5)}.current-demo .pointer-coarse\:h-10{height:calc(var(--spacing) * 10)}.current-demo .pointer-coarse\:h-11{height:calc(var(--spacing) * 11)}.current-demo .pointer-coarse\:h-12{height:calc(var(--spacing) * 12)}.current-demo .pointer-coarse\:h-13{height:calc(var(--spacing) * 13)}.current-demo .pointer-coarse\:h-15{height:calc(var(--spacing) * 15)}.current-demo .pointer-coarse\:h-\[min\(420px\,calc\(var\(--entry-max\)-3\.5rem-1px\)\)\]{height:min(420px, calc(var(--entry-max) - 3.5rem - 1px))}.current-demo .pointer-coarse\:h-auto{height:auto}.current-demo .pointer-coarse\:max-h-none{max-height:none}.current-demo .pointer-coarse\:min-h-11{min-height:calc(var(--spacing) * 11)}.current-demo .pointer-coarse\:w-4{width:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:w-10{width:calc(var(--spacing) * 10)}.current-demo .pointer-coarse\:min-w-10{min-width:calc(var(--spacing) * 10)}.current-demo .pointer-coarse\:min-w-11{min-width:calc(var(--spacing) * 11)}.current-demo .pointer-coarse\:min-w-12{min-width:calc(var(--spacing) * 12)}.current-demo .pointer-coarse\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .pointer-coarse\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.current-demo .pointer-coarse\:gap-2{gap:calc(var(--spacing) * 2)}.current-demo .pointer-coarse\:gap-3{gap:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:gap-y-0{row-gap:0}.current-demo .pointer-coarse\:gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.current-demo .pointer-coarse\:rounded-2xl{border-radius:calc(var(--radius) + 9px)}.current-demo .pointer-coarse\:rounded-\[28px\]{border-radius:28px}.current-demo .pointer-coarse\:px-1{padding-inline:var(--spacing)}.current-demo .pointer-coarse\:px-2{padding-inline:calc(var(--spacing) * 2)}.current-demo .pointer-coarse\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.current-demo .pointer-coarse\:px-3{padding-inline:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.current-demo .pointer-coarse\:px-4{padding-inline:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.current-demo .pointer-coarse\:px-5{padding-inline:calc(var(--spacing) * 5)}.current-demo .pointer-coarse\:px-7{padding-inline:calc(var(--spacing) * 7)}.current-demo .pointer-coarse\:px-\[5px\]{padding-inline:5px}.current-demo .pointer-coarse\:py-0{padding-block:0}.current-demo .pointer-coarse\:py-1{padding-block:var(--spacing)}.current-demo .pointer-coarse\:py-2{padding-block:calc(var(--spacing) * 2)}.current-demo .pointer-coarse\:pl-3{padding-left:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:pl-9{padding-left:calc(var(--spacing) * 9)}.current-demo .pointer-coarse\:pl-12{padding-left:calc(var(--spacing) * 12)}.current-demo .pointer-coarse\:leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.current-demo .pointer-coarse\:leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.current-demo .pointer-coarse\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.current-demo .pointer-coarse\:opacity-100{opacity:1}.current-demo .pointer-coarse\:\[--feed-end-gap\:0px\]{--feed-end-gap:0px}.current-demo .pointer-coarse\:\[--sticky-top\:--spacing\(8\)\]{--sticky-top:calc(var(--spacing) * 8)}.current-demo .pointer-coarse\:group-data-\[orientation\=horizontal\]\/tabs\:h-11:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 11)}.current-demo .pointer-coarse\:has-\[\>span\.shrink-0\:first-child\]\:px-2\.5:has(>span.shrink-0:first-child){padding-inline:calc(var(--spacing) * 2.5)}.current-demo .pointer-coarse\:has-\[\>span\.shrink-0\:first-child\]\:px-3:has(>span.shrink-0:first-child){padding-inline:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.current-demo .pointer-coarse\:has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.current-demo .pointer-coarse\:has-\[\>svg\]\:px-3\.5:has(>svg){padding-inline:calc(var(--spacing) * 3.5)}.current-demo .pointer-coarse\:has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:has-\[\>svg\]\:px-6:has(>svg){padding-inline:calc(var(--spacing) * 6)}}@media (pointer:fine){.current-demo .pointer-fine\:left-\[3px\]{left:3px}.current-demo .pointer-fine\:mx-0{margin-inline:0}.current-demo .pointer-fine\:mx-2{margin-inline:calc(var(--spacing) * 2)}.current-demo .pointer-fine\:px-13\.5{padding-inline:calc(var(--spacing) * 13.5)}.current-demo .pointer-fine\:pr-2{padding-right:calc(var(--spacing) * 2)}.current-demo .pointer-fine\:pr-\[18px\]{padding-right:18px}.current-demo .pointer-fine\:pl-2{padding-left:calc(var(--spacing) * 2)}.current-demo .pointer-fine\:pl-\[34px\]{padding-left:34px}@media (width>=48rem){.current-demo .pointer-fine\:md\:block{display:block}}}@container issue (width>=44rem){.current-demo .side\:relative{position:relative}}@container issue-wide (width>=68rem){.current-demo .side\:relative{position:relative}}@container issue (width>=44rem){.current-demo .side\:block{display:block}}@container issue-wide (width>=68rem){.current-demo .side\:block{display:block}}@container issue (width>=44rem){.current-demo .side\:flex{display:flex}}@container issue-wide (width>=68rem){.current-demo .side\:flex{display:flex}}@container issue (width>=44rem){.current-demo .side\:grid{display:grid}}@container issue-wide (width>=68rem){.current-demo .side\:grid{display:grid}}@container issue (width>=44rem){.current-demo .side\:hidden{display:none}}@container issue-wide (width>=68rem){.current-demo .side\:hidden{display:none}}@container issue (width>=44rem){.current-demo .side\:inline{display:inline}}@container issue-wide (width>=68rem){.current-demo .side\:inline{display:inline}}@container issue (width>=44rem){.current-demo .side\:w-\[var\(--pane-w\)\]{width:var(--pane-w)}}@container issue-wide (width>=68rem){.current-demo .side\:w-\[var\(--pane-w\)\]{width:var(--pane-w)}}@container issue (width>=44rem){.current-demo .side\:shrink-0{flex-shrink:0}}@container issue-wide (width>=68rem){.current-demo .side\:shrink-0{flex-shrink:0}}@container issue (width>=44rem){.current-demo .side\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@container issue-wide (width>=68rem){.current-demo .side\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@container issue (width>=44rem){.current-demo .side\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@container issue-wide (width>=68rem){.current-demo .side\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@container issue (width>=44rem){.current-demo .side\:text-ui{font-size:var(--type-ui)}}@container issue-wide (width>=68rem){.current-demo .side\:text-ui{font-size:var(--type-ui)}}@media (width>=48rem){@container issue (width>=44rem){.current-demo .md\:side\:rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}}@container issue-wide (width>=68rem){.current-demo .md\:side\:rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}}@container issue (width>=44rem){.current-demo .md\:side\:rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}@container issue-wide (width>=68rem){.current-demo .md\:side\:rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}}@container issue not (width>=44rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:fixed{position:fixed}}}@container issue-wide not (width>=68rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:fixed{position:fixed}}}@container issue not (width>=44rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:inset-0{inset:0}}}@container issue-wide not (width>=68rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:inset-0{inset:0}}}@container issue not (width>=44rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:z-40{z-index:40}}}@container issue-wide not (width>=68rem){@media not all and (width>=48rem){.current-demo .narrow\:max-md\:z-40{z-index:40}}}@media (width>=48rem){@container issue not (width>=44rem){.current-demo .md\:narrow\:hidden{display:none}}@container issue-wide not (width>=68rem){.current-demo .md\:narrow\:hidden{display:none}}@container issue not (width>=44rem){.current-demo .md\:narrow\:min-w-0{min-width:0}}@container issue-wide not (width>=68rem){.current-demo .md\:narrow\:min-w-0{min-width:0}}@container issue not (width>=44rem){.current-demo .md\:narrow\:flex-1{flex:1}}@container issue-wide not (width>=68rem){.current-demo .md\:narrow\:flex-1{flex:1}}@container issue not (width>=44rem){.current-demo .md\:narrow\:rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}}@container issue-wide not (width>=68rem){.current-demo .md\:narrow\:rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}}@container issue not (width>=44rem){.current-demo .md\:narrow\:rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}@container issue-wide not (width>=68rem){.current-demo .md\:narrow\:rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}}.current-demo .peer-focus-visible\:\[\&_\.inbox-status\]\:opacity-0:is(:where(.peer):focus-visible~*) .inbox-status{opacity:0}.current-demo .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 3)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:pt-1\.5 [cmdk-group-heading]{padding-top:calc(var(--spacing) * 1.5)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:pt-2 [cmdk-group-heading]{padding-top:calc(var(--spacing) * 2)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:pb-1 [cmdk-group-heading]{padding-bottom:var(--spacing)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--type-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.current-demo .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.current-demo .\[\&_\[cmdk-group-heading\]\]\:text-text-3 [cmdk-group-heading]{color:var(--text-3)}.current-demo .\[\&_\[data-media\]\]\:\[container-type\:size\] [data-media]{container-type:size}.current-demo .\[\&_\[data-media\]\]\:grid [data-media]{display:grid}.current-demo .\[\&_\[data-media\]\]\:aspect-\[5\/3\] [data-media]{aspect-ratio:5/3}.current-demo .\[\&_\[data-media\]\]\:w-full [data-media]{width:100%}.current-demo .\[\&_\[data-media\]\]\:place-items-center [data-media]{place-items:center}.current-demo .\[\&_\[data-media\]\]\:p-6 [data-media]{padding:calc(var(--spacing) * 6)}.current-demo .\[\&_\[data-media\]\>span\]\:my-0 [data-media]>span{margin-block:0}.current-demo .\[\&_a\]\:underline a{text-decoration-line:underline}.current-demo .\[\&_img\]\:my-0 img{margin-block:0}.current-demo .\[\&_img\]\:max-h-\[100cqh\] img{max-height:100cqh}.current-demo .\[\&_img\]\:max-w-\[100cqw\] img{max-width:100cqw}.current-demo .\[\&_img\]\:max-w-full img{max-width:100%}.current-demo .\[\&_img\]\:rounded-md img{border-radius:calc(var(--radius) - 4px)}.current-demo .\[\&_img\]\:shadow-md img{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .\[\&_img\]\:ring-1 img{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .\[\&_img\]\:ring-\(--ds-gray-alpha-400\) img{--tw-ring-color:var(--ds-gray-alpha-400)}.current-demo .\[\&_li\>strong\:first-child\]\:mr-1 li>strong:first-child{margin-right:var(--spacing)}.current-demo .\[\&_li\>strong\:first-child\]\:inline-flex li>strong:first-child{display:inline-flex}.current-demo .\[\&_li\>strong\:first-child\]\:items-center li>strong:first-child{align-items:center}.current-demo .\[\&_li\>strong\:first-child\]\:gap-1 li>strong:first-child{gap:var(--spacing)}.current-demo .\[\&_li\>strong\:first-child\]\:rounded-full li>strong:first-child{border-radius:2147483647px}.current-demo .\[\&_li\>strong\:first-child\]\:border-\[0\.5px\] li>strong:first-child{border-style:var(--tw-border-style);border-width:.5px}.current-demo .\[\&_li\>strong\:first-child\]\:bg-muted li>strong:first-child{background-color:var(--muted)}.current-demo .\[\&_li\>strong\:first-child\]\:px-1\.5 li>strong:first-child{padding-inline:calc(var(--spacing) * 1.5)}.current-demo .\[\&_li\>strong\:first-child\]\:text-xs li>strong:first-child{font-size:var(--type-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.current-demo .\[\&_li\>strong\:first-child\]\:font-medium li>strong:first-child{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.current-demo .\[\&_li\>strong\:first-child\]\:text-foreground li>strong:first-child{color:var(--foreground)}.current-demo .\[\&_li\>strong\:first-child\]\:before\:size-1\.5 li>strong:first-child:before{content:var(--tw-content);width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.current-demo .\[\&_li\>strong\:first-child\]\:before\:rounded-full li>strong:first-child:before{content:var(--tw-content);border-radius:2147483647px}.current-demo .\[\&_li\>strong\:first-child\]\:before\:bg-\(--chip\) li>strong:first-child:before{content:var(--tw-content);background-color:var(--chip)}.current-demo .\[\&_li\>strong\:first-child\]\:before\:content-\[\'\'\] li>strong:first-child:before{--tw-content:"";content:var(--tw-content)}.current-demo .\[\&_span\:has\(\>\[data-media\]\)\]\:block span:has(>[data-media]){display:block}.current-demo .\[\&_span\:has\(\>\[data-media\]\)\]\:w-full span:has(>[data-media]){width:100%}.current-demo .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.current-demo .\[\&_svg\]\:mx-auto svg{margin-inline:auto}.current-demo .\[\&_svg\]\:block svg{display:block}.current-demo .\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.current-demo .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .\[\&_svg\]\:size-full svg{width:100%;height:100%}.current-demo .\[\&_svg\]\:max-w-none\! svg{max-width:none!important}.current-demo .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.current-demo .\[\&_svg\]\:text-text-2 svg{color:var(--text-2)}@media (pointer:coarse){.current-demo .pointer-coarse\:\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.current-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.current-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.current-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}@media (pointer:coarse){.current-demo .pointer-coarse\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.current-demo .pointer-coarse\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.current-demo .pointer-coarse\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}}.current-demo .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-3 svg:not([class*=text-]){color:var(--text-3)}.current-demo .\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.current-demo .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.current-demo .\[\&_video\]\:max-h-\[100cqh\] video{max-height:100cqh}.current-demo .\[\&_video\]\:max-w-\[100cqw\] video{max-width:100cqw}.current-demo .\[\&_video\]\:rounded-md video{border-radius:calc(var(--radius) - 4px)}.current-demo .\[\&_video\]\:shadow-md video{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .\[\&_video\]\:ring-1 video{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.current-demo .\[\&_video\]\:ring-\(--ds-gray-alpha-400\) video{--tw-ring-color:var(--ds-gray-alpha-400)}.current-demo .data-idle\:\[\&_video\]\:cursor-none[data-idle] video{cursor:none}.current-demo .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.current-demo .\[\&\:fullscreen\]\:flex:fullscreen{display:flex}.current-demo .\[\&\:fullscreen\]\:items-center:fullscreen{align-items:center}.current-demo .\[\&\:fullscreen\]\:bg-black:fullscreen{background-color:var(--color-black)}.current-demo .\[\&\:has\(\[data-slot\=message-footer\]\)\>\[data-slot\=message-avatar\]\]\:-translate-y-8:has([data-slot=message-footer])>[data-slot=message-avatar]{--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .\[\&\:has\(\[data-variant\=ghost\]\)_\:is\(\[data-slot\=message-header\]\,\[data-slot\=message-footer\]\)\]\:px-0:has([data-variant=ghost]) :is([data-slot=message-header],[data-slot=message-footer]){padding-inline:0}.current-demo .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.current-demo .\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.current-demo .\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}.current-demo .\[\&\:is\(a\,button\)\:hover\]\:bg-row:is(a,button):hover{background-color:var(--row)}.current-demo .\[\&\:is\(a\,button\)\:hover\]\:before\:opacity-0:is(a,button):hover:before,.current-demo .\[\&\:is\(a\,button\)\:hover\+\*\]\:before\:opacity-0:is(a,button):hover+:before{content:var(--tw-content);opacity:0}@media (hover:hover){.current-demo .\[\&\:is\(button\)\]\:hover\:bg-row:is(button):hover{background-color:var(--row)}.current-demo .\[\&\:is\(button\)\]\:hover\:text-text-2:is(button):hover{color:var(--text-2)}}.current-demo .\[button\]\:text-left:is(button){text-align:left}.current-demo .\[\&\>\*\]\:col-start-1>*{grid-column-start:1}.current-demo .\[\&\>\*\]\:row-start-1>*{grid-row-start:1}.current-demo .\[\&\>\.ml-auto\~\.ml-auto\]\:ml-0>.ml-auto~.ml-auto{margin-left:0}.current-demo .\[\&\>\:last-child\]\:mb-0>:last-child{margin-bottom:0}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.current-demo .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.current-demo .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *):not(.light,.light *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.current-demo .last\:\[\&\>\[data-timeline\]\]\:hidden:last-child>[data-timeline]{display:none}.current-demo .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.current-demo .\[\&\>a\]\:underline>a{text-decoration-line:underline}.current-demo .\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.current-demo .\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.current-demo .\[\&\>button\]\:size-40>button{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.current-demo .\[\&\>div\]\:block\!>div{display:block!important}.current-demo .\[\&\>div\]\:flex\!>div{display:flex!important}.current-demo .\[\&\>div\]\:h-full>div{height:100%}.current-demo .\[\&\>div\]\:min-h-full>div{min-height:100%}.current-demo .\[\&\>div\]\:flex-col>div{flex-direction:column}.current-demo .\[\&\>div\]\:overflow-y-clip>div{overflow-y:clip}.current-demo .\[\&\>kbd\]\:border>kbd{border-style:var(--tw-border-style);border-width:1px}.current-demo .\[\&\>kbd\]\:bg-current\/15>kbd{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.current-demo .\[\&\>kbd\]\:bg-current\/15>kbd{background-color:color-mix(in oklab, currentcolor 15%, transparent)}}.current-demo .\[\&\>kbd\]\:bg-surface-3>kbd{background-color:var(--surface-3)}.current-demo .\[\&\>kbd\]\:text-current>kbd{color:currentColor}.current-demo .\[\&\>kbd\]\:text-text-2>kbd{color:var(--text-2)}.current-demo .\[\&\>path\:first-child\]\:fill-current>path:first-child{fill:currentColor}.current-demo .\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.current-demo .\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.current-demo .\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.current-demo .\[\&\>svg\]\:size-10>svg{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.current-demo .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.current-demo .\[\&\>svg\]\:-rotate-90>svg{rotate:-90deg}.current-demo .\[\&\>svg\]\:stroke-\[1\.5\]>svg{stroke-width:1.5px}.current-demo .\[\&\>svg\]\:stroke-\[1\.25\]>svg{stroke-width:1.25px}@media (pointer:coarse){.current-demo .pointer-coarse\:\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}.current-demo .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3>svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.current-demo .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.current-demo .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}@media (pointer:coarse){.current-demo .pointer-coarse\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.current-demo .pointer-coarse\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}}.current-demo .\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.current-demo .\[\&\[data-state\=open\]\>svg\]\:rotate-0[data-state=open]>svg{rotate:0deg}.current-demo .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}.current-demo :fullscreen .\[\:fullscreen_\&\]\:size-full{width:100%;height:100%}.current-demo :fullscreen .\[\:fullscreen_\&\]\:max-h-none{max-height:none}.current-demo :fullscreen .\[\:fullscreen_\&\]\:rounded-none{border-radius:0}@media (hover:hover){.current-demo .\[\@media\(hover\:hover\)\]\:opacity-0{opacity:0}.current-demo .\[\@media\(hover\:hover\)\]\:group-focus-within\/reactions\:opacity-100:is(:where(.group\/reactions):focus-within *),.current-demo .\[\@media\(hover\:hover\)\]\:group-focus-within\/step\:opacity-100:is(:where(.group\/step):focus-within *){opacity:1}@media (hover:hover){.current-demo .\[\@media\(hover\:hover\)\]\:group-hover\/reactions\:opacity-100:is(:where(.group\/reactions):hover *),.current-demo .\[\@media\(hover\:hover\)\]\:group-hover\/step\:opacity-100:is(:where(.group\/step):hover *){opacity:1}}}@media (hover:none){.current-demo .\[\@media\(hover\:none\)\]\:pointer-events-none{pointer-events:none}.current-demo .\[\@media\(hover\:none\)\]\:hidden{display:none}.current-demo .\[\@media\(hover\:none\)\]\:opacity-0{opacity:0}.current-demo .\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}@media (pointer:coarse){.current-demo .\[\@media\(pointer\:coarse\)\]\:select-none{-webkit-user-select:none;user-select:none}.current-demo .\[\@media\(pointer\:coarse\)\]\:\[-webkit-user-select\:none\]{-webkit-user-select:none}.current-demo :is(.\[\@media\(pointer\:coarse\)\]\:\*\*\:select-none *){-webkit-user-select:none;user-select:none}.current-demo :is(.\[\@media\(pointer\:coarse\)\]\:\*\*\:\[-webkit-user-select\:none\] *){-webkit-user-select:none}}.current-demo [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.current-demo [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}.current-demo [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}.current-demo [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *):not(.light,.light *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.current-demo [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *):not(.light,.light *){background-color:color-mix(in oklab, var(--background) 10%, transparent)}}.current-demo [data-slot=trace-title]~.\[\[data-slot\=trace-title\]\~\&\]\:-ml-1{margin-left:calc(var(--spacing) * -1)}@media (hover:hover){.current-demo a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}.current-demo a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.current-demo a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.current-demo a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.current-demo a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.current-demo a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.current-demo a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}.current-demo a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.current-demo a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}.current-demo button:hover>.\[button\:hover\>\&\]\:text-text-2{color:var(--text-2)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.current-demo,.current-demo.light,.current-demo .light{--ds-background-100:#fff;--ds-background-200:#fafafa;--ds-gray-100:#f2f2f2;--ds-gray-200:#ebebeb;--ds-gray-300:#e6e6e6;--ds-gray-400:#ebebeb;--ds-gray-500:#c9c9c9;--ds-gray-600:#a8a8a8;--ds-gray-700:#8f8f8f;--ds-gray-800:#7d7d7d;--ds-gray-900:#4d4d4d;--ds-gray-1000:#171717;--ds-gray-alpha-100:#0000000d;--ds-gray-alpha-200:#00000014;--ds-gray-alpha-300:#0000001a;--ds-gray-alpha-400:#00000014;--ds-gray-alpha-500:#00000036;--ds-gray-alpha-600:#00000057;--ds-gray-alpha-700:#00000070;--ds-gray-alpha-800:#00000082;--ds-gray-alpha-900:#000000b3;--ds-gray-alpha-1000:#000000e8;--ds-blue-100:#f0f7ff;--ds-blue-200:#eaf4ff;--ds-blue-300:#e0efff;--ds-blue-400:#cce7ff;--ds-blue-500:#97ccff;--ds-blue-600:#51aeff;--ds-blue-700:#0070f7;--ds-blue-800:#005edc;--ds-blue-900:#0064e2;--ds-blue-1000:#002453;--ds-red-100:#ffeef0;--ds-red-200:#ffe9ea;--ds-red-300:#ffe4e5;--ds-red-400:#ffd8d7;--ds-red-500:#ffb5b6;--ds-red-600:#ff6a6e;--ds-red-700:#fc0035;--ds-red-800:#e70022;--ds-red-900:#d60020;--ds-red-1000:#46000c;--ds-amber-100:#fff6e1;--ds-amber-200:#fff4d4;--ds-amber-300:#fff1c8;--ds-amber-400:#ffdd84;--ds-amber-500:#ffc85e;--ds-amber-600:#fa0;--ds-amber-700:#ffb200;--ds-amber-800:#f90;--ds-amber-900:#a64f00;--ds-amber-1000:#541c00;--ds-green-100:#ecfdec;--ds-green-200:#e5fce7;--ds-green-300:#d3fad1;--ds-green-400:#b9f5bc;--ds-green-500:#82eb8d;--ds-green-600:#4ce15e;--ds-green-700:#28a948;--ds-green-800:#279141;--ds-green-900:#107d32;--ds-green-1000:#00370d;--ds-teal-100:#dffffb;--ds-teal-200:#ddfef6;--ds-teal-300:#ccf9f1;--ds-teal-400:#b1f7ec;--ds-teal-500:#52f0db;--ds-teal-600:#00e2c4;--ds-teal-700:#00a694;--ds-teal-800:#008d7d;--ds-teal-900:#007a6e;--ds-teal-1000:#003d34;--ds-purple-100:#f9f0ff;--ds-purple-200:#f9f1ff;--ds-purple-300:#f5e8ff;--ds-purple-400:#f1d9ff;--ds-purple-500:#dda9ff;--ds-purple-600:#c77dff;--ds-purple-700:#9f00f4;--ds-purple-800:#8400cd;--ds-purple-900:#7c00c9;--ds-purple-1000:#2e004d;--ds-pink-100:#ffeaf5;--ds-pink-200:#ffeaf2;--ds-pink-300:#ffe0eb;--ds-pink-400:#ffd5e1;--ds-pink-500:#fdb3cc;--ds-pink-600:#f97ea7;--ds-pink-700:#f22782;--ds-pink-800:#e4106e;--ds-pink-900:#c41562;--ds-pink-1000:#460523}.current-demo.dark,.current-demo .dark{--ds-background-100:#0a0a0a;--ds-background-200:#000;--ds-gray-100:#1a1a1a;--ds-gray-200:#1f1f1f;--ds-gray-300:#292929;--ds-gray-400:#2e2e2e;--ds-gray-500:#454545;--ds-gray-600:#878787;--ds-gray-700:#8f8f8f;--ds-gray-800:#7d7d7d;--ds-gray-900:#a1a1a1;--ds-gray-1000:#ededed;--ds-gray-alpha-100:#ffffff0f;--ds-gray-alpha-200:#ffffff17;--ds-gray-alpha-300:#ffffff21;--ds-gray-alpha-400:#ffffff24;--ds-gray-alpha-500:#ffffff3d;--ds-gray-alpha-600:#ffffff82;--ds-gray-alpha-700:#ffffff8a;--ds-gray-alpha-800:#ffffff78;--ds-gray-alpha-900:#ffffff9c;--ds-gray-alpha-1000:#ffffffeb;--ds-blue-100:#06193a;--ds-blue-200:#022248;--ds-blue-300:#002f62;--ds-blue-400:#003771;--ds-blue-500:#004287;--ds-blue-600:#0090ff;--ds-blue-700:#0071f6;--ds-blue-800:#005fd8;--ds-blue-900:#50a8ff;--ds-blue-1000:#ebf6ff;--ds-red-100:#330a11;--ds-red-200:#440d13;--ds-red-300:#5d0e17;--ds-red-400:#6f101b;--ds-red-500:#88151f;--ds-red-600:#f32e40;--ds-red-700:#f13242;--ds-red-800:#e2162a;--ds-red-900:#ff5e63;--ds-red-1000:#ffeaed;--ds-amber-100:#291800;--ds-amber-200:#331b00;--ds-amber-300:#4f2900;--ds-amber-400:#573200;--ds-amber-500:#6c4100;--ds-amber-600:#e99c00;--ds-amber-700:#ffb200;--ds-amber-800:#f90;--ds-amber-900:#f90;--ds-amber-1000:#fff3d9;--ds-green-100:#00250a;--ds-green-200:#003110;--ds-green-300:#003814;--ds-green-400:#004616;--ds-green-500:#00661d;--ds-green-600:#009431;--ds-green-700:#00ab3e;--ds-green-800:#009335;--ds-green-900:#00ca52;--ds-green-1000:#daffe5;--ds-teal-100:#00211b;--ds-teal-200:#002922;--ds-teal-300:#003b33;--ds-teal-400:#003f35;--ds-teal-500:#005f53;--ds-teal-600:#009885;--ds-teal-700:#00a794;--ds-teal-800:#008d7d;--ds-teal-900:#00c9b5;--ds-teal-1000:#cefff5;--ds-purple-100:#290c33;--ds-purple-200:#341142;--ds-purple-300:#47185e;--ds-purple-400:#541a76;--ds-purple-500:#642290;--ds-purple-600:#9440d5;--ds-purple-700:#9440d5;--ds-purple-800:#7d2bba;--ds-purple-900:#c472fb;--ds-purple-1000:#faedff;--ds-pink-100:#310d1e;--ds-pink-200:#420c25;--ds-pink-300:#571032;--ds-pink-400:#5d0c34;--ds-pink-500:#76063f;--ds-pink-600:#b90056;--ds-pink-700:#f12b82;--ds-pink-800:#e6006e;--ds-pink-900:#ff518d;--ds-pink-1000:#ffeaf4}.current-demo,.current-demo.dark,.current-demo .dark,.current-demo.light,.current-demo .light{--radius:.75rem;--background:var(--ds-background-100);--foreground:var(--ds-gray-1000);--card:var(--ds-background-100);--card-foreground:var(--ds-gray-1000);--popover:var(--ds-background-100);--popover-foreground:var(--ds-gray-1000);--primary:var(--ds-gray-1000);--primary-foreground:var(--ds-background-100);--secondary:var(--ds-gray-100);--secondary-foreground:var(--ds-gray-1000);--muted:var(--ds-gray-100);--muted-foreground:var(--ds-gray-900);--accent:var(--ds-gray-alpha-200);--accent-foreground:var(--ds-gray-1000);--destructive:#c9403f;--border:var(--ds-gray-alpha-400);--input:var(--ds-gray-alpha-500);--ring:var(--primary);--sidebar:var(--ds-background-200);--sidebar-foreground:var(--ds-gray-900);--sidebar-primary:var(--ds-gray-1000);--sidebar-primary-foreground:var(--ds-background-100);--sidebar-accent:var(--ds-gray-alpha-200);--sidebar-accent-foreground:var(--ds-gray-1000);--sidebar-border:var(--ds-gray-alpha-400);--sidebar-ring:var(--ring);--surface-1:var(--ds-background-200);--surface-2:var(--ds-gray-100);--surface-3:var(--ds-gray-100);--surface-4:var(--ds-gray-200);--surface-5:var(--ds-gray-300);--surface-6:var(--ds-gray-500);--text-2:var(--ds-gray-900);--text-3:var(--ds-gray-800)}@supports (color:color-mix(in lab, red, red)){.current-demo,.current-demo.dark,.current-demo .dark,.current-demo.light,.current-demo .light{--text-3:color-mix(in srgb, var(--ds-gray-800), var(--ds-gray-900))}}.current-demo,.current-demo.dark,.current-demo .dark,.current-demo.light,.current-demo .light{--row:var(--ds-gray-alpha-100);--bubble:var(--ds-blue-200);--chart-1:var(--ds-blue-700);--chart-2:var(--ds-amber-800);--chart-3:var(--ds-green-700);--chart-4:var(--ds-purple-700);--chart-5:var(--ds-pink-700);--chart-muted:var(--ds-gray-500);--good:var(--ds-green-900);--warning:var(--ds-amber-900);--critical:var(--destructive);--grid:var(--ds-gray-alpha-200)}.current-demo.dark,.current-demo .dark{--border:var(--ds-gray-alpha-100);--sidebar-border:var(--border);--surface-1:var(--ds-gray-100);--surface-2:var(--ds-gray-100);--surface-3:var(--ds-gray-200);--surface-4:var(--ds-gray-300);--surface-5:var(--ds-gray-400);--text-3:var(--ds-gray-700);--bubble:var(--ds-blue-300);--destructive:#eb7a7a;--primary:#faf8f2}.current-demo{--tap:44px;--type-3xs:10px;--type-2xs:11px;--type-xs:12px;--type-ui:13px;--type-control:12px;--type-item:13px;--type-title:13px;--type-sm:14px;--type-md:15px;--type-base:16px;--type-lg:18px;--type-xl:20px;--type-2xl:24px;--type-3xl:28px}@media (pointer:coarse){.current-demo{--type-3xs:11px;--type-2xs:12px;--type-xs:13px;--type-ui:16px;--type-control:15px;--type-item:16px;--type-title:24px;--type-sm:16px;--type-md:16px;--type-base:17px;--type-lg:20px;--type-xl:24px;--type-2xl:26px;--type-3xl:30px}.current-demo input,.current-demo textarea,.current-demo select{font-size:max(16px,1em)}}.current-demo [class*=overflow-y-auto],.current-demo [class*=overflow-auto],.current-demo [class*=overflow-y-scroll],.current-demo [class*=overflow-x-auto],.current-demo [data-slot=scroll-area-viewport]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.current-demo a,.current-demo button,.current-demo summary,.current-demo input,.current-demo select,.current-demo textarea,.current-demo label,.current-demo [role=button],.current-demo [role=tab],.current-demo [role=menuitem],.current-demo [role=option],.current-demo [role=checkbox],.current-demo [role=switch]{touch-action:manipulation}.current-demo button,.current-demo [role=button],.current-demo [role=tab],.current-demo [role=menuitem],.current-demo [role=option],.current-demo header,.current-demo nav,.current-demo aside,.current-demo [data-slot=sidebar],.current-demo [data-slot=tabs-list]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.current-demo input,.current-demo textarea,.current-demo [contenteditable],.current-demo .select-text,.current-demo [data-selectable]{-webkit-user-select:text;user-select:text}.current-demo .issue-ref{background:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:.3em;padding:0 .35em;font-size:.92em;text-decoration:none;display:inline-flex}.current-demo .issue-ref:hover{background:var(--surface-5)}.current-demo .pull-ref svg{flex:none;width:1em;height:1em}.current-demo .pull-ref[data-state=open] svg{color:var(--good)}.current-demo .pull-ref[data-state=merged] svg{color:var(--ds-purple-900)}.current-demo .pull-ref[data-state=closed] svg{color:var(--destructive)}.current-demo .pull-ref[data-state=draft] svg{color:var(--muted-foreground)}.current-demo .reveal-path{cursor:pointer;-webkit-text-decoration:underline dotted var(--text-3);-webkit-text-decoration:underline dotted var(--text-3);-webkit-text-decoration:underline dotted var(--text-3);text-decoration:underline dotted var(--text-3);text-underline-offset:3px}.current-demo .reveal-path:hover{background:var(--surface-5)}.current-demo .tag-ref{background:var(--ds-blue-700);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.current-demo .tag-ref{background:color-mix(in srgb, var(--ds-blue-700) 18%, transparent)}}.current-demo .tag-ref{color:var(--ds-blue-900);white-space:nowrap;padding:0 .2em;font-weight:500}.current-demo .issue-ref-dot{border-radius:9999px;width:.5em;height:.5em}.current-demo :where(:has(>.scroll-edge)){timeline-scope:--scroll-edge}.current-demo :where(:has(>.scroll-edge))>[data-slot=scroll-area]>[data-slot=scroll-area-viewport]{scroll-timeline:--scroll-edge block}@keyframes scroll-edge{to{border-bottom-color:var(--border)}}@keyframes fade-under-sticky{to{opacity:0}}@keyframes shimmer{0%{mask-position:150% 0}to{mask-position:-50% 0}}.current-demo[data-palette=claude]{--ds-background-100:#faf9f5;--ds-background-200:#f5f4ed;--ds-gray-100:#f0eee6;--ds-gray-200:#e8e6dc;--ds-gray-300:#e0ddd0;--ds-gray-400:#e8e6dc;--ds-gray-500:#c2c0b6;--ds-gray-600:#a8a59b;--ds-gray-700:#8f8c84;--ds-gray-800:#7d7a72;--ds-gray-900:#5e5d59;--ds-gray-1000:#141413;--primary:#c96442;--primary-foreground:#fff;--bubble:#f0eee6}.current-demo.dark[data-palette=claude]{--ds-background-100:#262624;--ds-background-200:#1f1e1d;--ds-gray-100:#30302e;--ds-gray-200:#3a3a37;--ds-gray-300:#43423f;--ds-gray-400:#4a4945;--ds-gray-500:#5d5c57;--ds-gray-600:#85837b;--ds-gray-700:#9c9a92;--ds-gray-800:#8a887f;--ds-gray-900:#b7b5a9;--ds-gray-1000:#faf9f5;--primary:#d97757;--primary-foreground:#fff;--bubble:#141413}.current-demo[data-palette=chatgpt]{--ds-background-100:#fff;--ds-background-200:#f9f9f9;--ds-gray-100:#f4f4f4;--ds-gray-200:#ececec;--ds-gray-300:#e3e3e3;--ds-gray-400:#ececec;--ds-gray-500:#cdcdcd;--ds-gray-600:#b4b4b4;--ds-gray-700:#9b9b9b;--ds-gray-800:#8f8f8f;--ds-gray-900:#5d5d5d;--ds-gray-1000:#0d0d0d;--primary:#0285ff;--primary-foreground:#fff;--bubble:#f4f4f4}.current-demo.dark[data-palette=chatgpt]{--ds-background-100:#212121;--ds-background-200:#171717;--ds-gray-100:#2f2f2f;--ds-gray-200:#303030;--ds-gray-300:#3a3a3a;--ds-gray-400:#424242;--ds-gray-500:#535353;--ds-gray-600:#8f8f8f;--ds-gray-700:#9b9b9b;--ds-gray-800:#8f8f8f;--ds-gray-900:#b4b4b4;--ds-gray-1000:#ececec;--primary:#0285ff;--primary-foreground:#fff;--bubble:#303030}.current-demo[data-palette=triangle]{--ds-background-100:#fff;--ds-background-200:#fafafa;--ds-gray-100:#f2f2f2;--ds-gray-200:#ebebeb;--ds-gray-300:#e5e5e5;--ds-gray-400:#ebebeb;--ds-gray-500:#c9c9c9;--ds-gray-600:#a8a8a8;--ds-gray-700:#8f8f8f;--ds-gray-800:#7d7d7d;--ds-gray-900:#4d4d4d;--ds-gray-1000:#171717;--primary:#0072f5;--primary-foreground:#fff;--bubble:#f2f2f2}.current-demo.dark[data-palette=triangle]{--ds-background-100:#0a0a0a;--ds-background-200:#000;--ds-gray-100:#1a1a1a;--ds-gray-200:#1f1f1f;--ds-gray-300:#292929;--ds-gray-400:#2e2e2e;--ds-gray-500:#454545;--ds-gray-600:#878787;--ds-gray-700:#8f8f8f;--ds-gray-800:#7d7d7d;--ds-gray-900:#a1a1a1;--ds-gray-1000:#ededed;--primary:#0090ff;--primary-foreground:#fff;--bubble:#292929}.current-demo[data-palette=flare]{--ds-background-100:#fff;--ds-background-200:#fbfbfb;--ds-gray-100:#f5f5f5;--ds-gray-200:#e5e5e5;--ds-gray-300:#d4d4d4;--ds-gray-400:#e9e9e9;--ds-gray-500:#c4c4c4;--ds-gray-600:#a3a3a3;--ds-gray-700:#8f8f8f;--ds-gray-800:#7d7d7d;--ds-gray-900:#737373;--ds-gray-1000:#171717;--primary:#f6821f;--primary-foreground:#fff;--bubble:#f5f5f5}.current-demo.dark[data-palette=flare]{--ds-background-100:#0f0f0f;--ds-background-200:#030303;--ds-gray-100:#262626;--ds-gray-200:#2f2f2f;--ds-gray-300:#333;--ds-gray-400:#404040;--ds-gray-500:#4d4d4d;--ds-gray-600:#5e5e5e;--ds-gray-700:#737373;--ds-gray-800:#878787;--ds-gray-900:#a3a3a3;--ds-gray-1000:#f5f5f5;--primary:#f6821f;--primary-foreground:#fff;--bubble:#262626}.current-demo{--toast-bottom:calc(64px + env(safe-area-inset-bottom))}@media (pointer:coarse){.current-demo .composer-properties>button{height:36px;padding-inline:10px}.current-demo .composer-properties>button svg{width:14px;height:14px}}.current-demo #root{visibility:visible}@media not all and (width>=768px){.current-demo:not([data-desktop],[data-composer]){background-color:var(--background);color-scheme:light}.current-demo.dark:not([data-desktop],[data-composer]){--background:var(--sidebar);color-scheme:dark}}@media (width>=768px){.current-demo{--toast-bottom:24px}}.current-demo [data-sonner-toaster][data-sonner-theme]{font-family:inherit}.current-demo [data-sonner-toaster][data-sonner-theme] [data-description]{color:var(--muted-foreground)}.current-demo [data-sonner-toast][data-expanded=false][data-front=false]>*{opacity:0}.current-demo .desktop-header{height:env(titlebar-area-height,32px);-webkit-app-region:drag;--window-controls:calc(100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw))}.current-demo [data-glass] body{background-color:var(--sidebar)}@supports (color:color-mix(in lab, red, red)){.current-demo [data-glass] body{background-color:color-mix(in srgb, var(--sidebar) var(--glass-opacity,50%), transparent)}}.current-demo [data-glass] body{transition:background-color .35s ease-out}.current-demo .composer-glass{background-color:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){.current-demo .composer-glass{background-color:color-mix(in srgb, var(--surface-1) 75%, transparent)}}.current-demo .composer-glass{backdrop-filter:blur(30px)saturate(1.6)}.current-demo ::highlight(quote-reply){color:highlighttext;background-color:highlight}.current-demo [data-search-hidden]{display:none!important}.current-demo ::highlight(section-search){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.current-demo ::highlight(section-search){background-color:color-mix(in srgb, var(--warning) 40%, transparent)}}.current-demo [data-searching] [data-slot=list-item]:not(:not([data-search-hidden])~[data-slot=list-item]):before{visibility:hidden}.current-demo [data-searching]>[data-page-section]:not(:not([data-search-hidden])~[data-page-section]){border-top-width:0;padding-top:0}.current-demo [data-lit]{animation:3s ease-out both row-lit}@keyframes row-lit{0%,50%{box-shadow:inset 0 0 0 100vmax color-mix(in oklch, var(--primary) 14%, transparent)}to{box-shadow:inset 0 0 0 100vmax #0000}}.current-demo [data-quote-reply] .composer-glass{background-color:var(--surface-1)}.current-demo [data-composer] body{background:0 0}.current-demo [data-composer] .splash{display:none}.current-demo [data-composer] .composer-glass{backdrop-filter:none;background-color:#0000;border-color:#0000}.current-demo [data-liquid-glass] [data-glass-copied]{opacity:0!important;scale:none!important}.current-demo [data-liquid-glass] [data-glass-below]{background-color:#0000;transition:scale .45s cubic-bezier(.3,1.6,.5,1)}.current-demo [data-liquid-glass] [data-glass-below]:active{transition:scale .22s cubic-bezier(.2,0,0,1);scale:1.12}.current-demo [data-glass-copy][data-focused]>[data-glass-control],.current-demo [data-liquid-glass] [data-glass-below]:focus-visible{outline:1.5px solid var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo [data-glass-copy][data-focused]>[data-glass-control],.current-demo [data-liquid-glass] [data-glass-below]:focus-visible{outline:1.5px solid color-mix(in oklab, var(--ring) 40%, transparent)}}.current-demo [data-glass-copy][data-focused]>[data-glass-control],.current-demo [data-liquid-glass] [data-glass-below]:focus-visible{outline-offset:2px}.current-demo.dark [data-glass-copy][data-focused]>[data-glass-control],.current-demo .dark [data-glass-copy][data-focused]>[data-glass-control],.current-demo.dark[data-liquid-glass] [data-glass-below]:focus-visible,.current-demo .dark[data-liquid-glass] [data-glass-below]:focus-visible{outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.current-demo.dark [data-glass-copy][data-focused]>[data-glass-control],.current-demo .dark [data-glass-copy][data-focused]>[data-glass-control],.current-demo.dark[data-liquid-glass] [data-glass-below]:focus-visible,.current-demo .dark[data-liquid-glass] [data-glass-below]:focus-visible{outline-color:color-mix(in oklab, var(--ring) 60%, transparent)}}.current-demo [data-glass-copy],.current-demo [data-liquid-glass] [data-glass-below]{--foreground:#000000d8;--accent-foreground:var(--foreground);--sidebar-foreground:#0000007f;--muted-foreground:var(--sidebar-foreground);--text-2:var(--sidebar-foreground);--text-3:var(--sidebar-foreground)}.current-demo.dark [data-glass-copy],.current-demo .dark [data-glass-copy],.current-demo.dark[data-liquid-glass] [data-glass-below],.current-demo .dark[data-liquid-glass] [data-glass-below]{--foreground:#ffffffd8;--sidebar-foreground:#ffffff8c}.current-demo [data-glass] .desktop-header,.current-demo [data-glass] .splash,.current-demo [data-glass] .onboarding-frame{background-color:#0000}.current-demo [data-glass] #root>:has(+.splash[data-leaving]){animation:.35s ease-out both splash-page-in}.current-demo .desktop-header-controls{-webkit-app-region:no-drag}.current-demo .issue-entry-dialog{--entry-top:calc(var(--vv-height,100dvh) * .14);--entry-max:calc(var(--vv-height,100dvh) - var(--entry-top) - 12px);top:var(--entry-top);width:min(640px,100vw - 24px);max-height:var(--entry-max);overflow-y:auto}@property --ask-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.current-demo .pending-ask [data-slot=bubble-content]{isolation:isolate;position:relative}.current-demo .pending-ask [data-slot=bubble-content]:before{content:"";z-index:-1;border-radius:inherit;background:inherit;pointer-events:none;background-clip:content-box;padding:.75px;position:absolute;inset:0}.current-demo .pending-ask [data-slot=bubble-content]:after{content:"";z-index:-2;aspect-ratio:1;pointer-events:none;background:conic-gradient(transparent 0deg 300deg, var(--foreground) 325deg, var(--foreground) 340deg, transparent 360deg);min-width:142%;min-height:142%;position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.current-demo .pending-ask [data-slot=bubble-content]:after{background:conic-gradient(transparent 0deg 300deg, color-mix(in oklch, var(--foreground) 12%, transparent) 325deg, color-mix(in oklch, var(--foreground) 50%, transparent) 340deg, transparent 360deg)}}.current-demo .pending-ask [data-slot=bubble-content]:after{animation:6s linear infinite ask-border-shimmer}.current-demo [data-inactive] .pending-ask [data-slot=bubble-content]:after{animation-play-state:paused}@keyframes ask-border-shimmer{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.current-demo .pending-ask [data-slot=bubble-content]:after{background:0 0;animation:none}}.current-demo .get-started-card>.get-started-shimmer{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.current-demo .get-started-card>.get-started-shimmer:before{content:"";aspect-ratio:1;background:conic-gradient(transparent 0deg 300deg, var(--foreground) 325deg, var(--foreground) 340deg, transparent 360deg);min-width:142%;min-height:142%;position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.current-demo .get-started-card>.get-started-shimmer:before{background:conic-gradient(transparent 0deg 300deg, color-mix(in oklch, var(--foreground) 12%, transparent) 325deg, color-mix(in oklch, var(--foreground) 50%, transparent) 340deg, transparent 360deg)}}.current-demo .get-started-card>.get-started-shimmer:before{animation:6s linear infinite ask-border-shimmer}.current-demo [data-inactive] .get-started-card>.get-started-shimmer:before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.current-demo .get-started-card>.get-started-shimmer:before{background:0 0;animation:none}}.current-demo .entry-lit [data-slot=bubble-content]:after,.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{content:"";z-index:auto;aspect-ratio:auto;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ask-border-angle), var(--foreground) 0deg 240deg, var(--foreground) 330deg, var(--foreground) 360deg);min-width:0;min-height:0;padding:1px;position:absolute;inset:0;translate:none}@supports (color:color-mix(in lab, red, red)){.current-demo .entry-lit [data-slot=bubble-content]:after,.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{background:conic-gradient(from var(--ask-border-angle), color-mix(in oklch, var(--foreground) 18%, transparent) 0deg 240deg, color-mix(in oklch, var(--foreground) 75%, transparent) 330deg, color-mix(in oklch, var(--foreground) 18%, transparent) 360deg)}}.current-demo .entry-lit [data-slot=bubble-content]:after,.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;animation:5s cubic-bezier(.3,.5,.4,1) both entry-lit-sweep,5s ease-out both entry-lit;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{border-radius:10px;inset:-6px -6px 10px}.current-demo .entry-lit:not(:has([data-slot=bubble-content])):last-child:before{bottom:-2px}@keyframes entry-lit-sweep{to{--ask-border-angle:900deg}}@keyframes entry-lit{0%{opacity:0}6%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.current-demo .entry-lit [data-slot=bubble-content]:after,.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{background:var(--foreground);animation:5s ease-out both entry-lit}@supports (color:color-mix(in lab, red, red)){.current-demo .entry-lit [data-slot=bubble-content]:after,.current-demo .entry-lit:not(:has([data-slot=bubble-content])):before{background:color-mix(in oklch, var(--foreground) 50%, transparent)}}}.current-demo .feed-arrive{animation:.32s cubic-bezier(.23,1,.32,1) backwards feed-arrive;animation-delay:calc(0s - var(--arrived,0s))}@keyframes feed-arrive{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.current-demo .feed-arrive{animation:.15s ease-out backwards entry-fade}}@keyframes entry-fade{0%{opacity:0}}.current-demo [data-rise] .rise,.current-demo [data-rise] .rise-rows>li{animation:.7s cubic-bezier(.16,1,.3,1) both onboarding-rise;animation-delay:calc(var(--rise,0) * 70ms)}.current-demo [data-rise] .rise-rows>li{animation-delay:calc((var(--rise,0) + sibling-index()) * 70ms)}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.current-demo [data-rise] .rise,.current-demo [data-rise] .rise-rows>li{animation:none}}.current-demo .play{animation:onboarding-rise .6s cubic-bezier(.16, 1, .3, 1) var(--at,0s) both}@media (prefers-reduced-motion:reduce){.current-demo .play{animation:none}}.current-demo .current-mark{aspect-ratio:76/62}.current-demo .current-mark:not([data-live]){background:currentColor;mask:url(/demo/assets/splash-mark-QfMK8-G8.png) 50%/contain no-repeat}.current-demo .splash{z-index:100;background:var(--sidebar);color:var(--foreground);font-family:var(--font-sans);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;grid-template-rows:1fr auto 156px 1fr;justify-items:center;display:grid;position:fixed;inset:0}.current-demo .splash[data-leaving]{opacity:0;pointer-events:none;animation:.35s ease-out splash-out}.current-demo .splash[data-leaving] .splash-copy{visibility:hidden}.current-demo .splash:before{content:"";height:env(titlebar-area-height,32px);-webkit-app-region:drag;position:fixed;inset:0 0 auto}.current-demo .splash-mark{grid-row:2;width:92px;height:auto}.current-demo .splash-copy{flex-direction:column;grid-row:3;align-items:center;padding:0 32px;display:flex}.current-demo .splash-wordmark{font-size:var(--type-2xl);letter-spacing:-.055em;margin:24px 0 0;font-weight:500;line-height:32px}.current-demo .splash-progress{background:var(--border);border-radius:2px;width:120px;height:2px;margin-top:32px;overflow:hidden}.current-demo .splash-progress span{border-radius:inherit;background:var(--text-2);width:40%;height:100%;animation:splash-slide 1.4s ease-in-out var(--slide-phase,0s) infinite;display:block}.current-demo .splash-subtitle{max-width:440px;font-size:var(--type-sm);color:var(--text-2);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:8px 0 0;line-height:24px}.current-demo .splash-retry{background:var(--foreground);height:34px;color:var(--background);font-size:var(--type-sm);border-radius:999px;margin-top:20px;padding:0 16px;font-weight:500}.current-demo .splash-retry:hover{opacity:.85}.current-demo .dot-loader{animation:.15s ease-out .4s both dot-loader-in}@keyframes dot-loader-in{0%{opacity:0}}@keyframes splash-out{0%{opacity:1}}@keyframes splash-page-in{0%{opacity:0}}@keyframes splash-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.current-demo .splash-progress span{opacity:.5;width:100%;animation:none}}.current-demo{contain:layout;height:100%}@media (width>=768px){.current-demo{background-color:#0000}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}