@shipfox/react-ui 0.5.0 → 0.6.0

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,74 @@
+import { useEffect, useState } from 'react';
+let MediaQueryManager = class MediaQueryManager {
+    getMatches(query) {
+        if (typeof window === 'undefined') return false;
+        if (!this.queries.has(query)) {
+            this.queries.set(query, window.matchMedia(query));
+            this.listeners.set(query, new Set());
+        }
+        const mediaQuery = this.queries.get(query);
+        return mediaQuery ? mediaQuery.matches : false;
+    }
+    subscribe(query, callback) {
+        if (typeof window === 'undefined') {
+            return ()=>{
+            // Cleanup function for SSR - no-op
+            };
+        }
+        if (!this.queries.has(query)) {
+            this.queries.set(query, window.matchMedia(query));
+            this.listeners.set(query, new Set());
+        }
+        const mediaQuery = this.queries.get(query);
+        const listeners = this.listeners.get(query);
+        if (!mediaQuery || !listeners) {
+            return ()=>{
+            // Cleanup function - no-op if query wasn't found
+            };
+        }
+        listeners.add(callback);
+        if (listeners.size === 1) {
+            const changeHandler = ()=>{
+                for (const cb of listeners){
+                    cb();
+                }
+            };
+            this.changeHandlers.set(query, changeHandler);
+            mediaQuery.addEventListener('change', changeHandler);
+        }
+        return ()=>{
+            listeners.delete(callback);
+            if (listeners.size === 0) {
+                const changeHandler = this.changeHandlers.get(query);
+                if (changeHandler) {
+                    mediaQuery.removeEventListener('change', changeHandler);
+                    this.changeHandlers.delete(query);
+                }
+                this.queries.delete(query);
+                this.listeners.delete(query);
+            }
+        };
+    }
+    constructor(){
+        this.queries = new Map();
+        this.listeners = new Map();
+        this.changeHandlers = new Map();
+    }
+};
+const mediaQueryManager = new MediaQueryManager();
+export function useMediaQuery(query) {
+    const [matches, setMatches] = useState(()=>mediaQueryManager.getMatches(query));
+    useEffect(()=>{
+        const updateMatches = ()=>{
+            setMatches(mediaQueryManager.getMatches(query));
+        };
+        const unsubscribe = mediaQueryManager.subscribe(query, updateMatches);
+        updateMatches();
+        return unsubscribe;
+    }, [
+        query
+    ]);
+    return matches;
+}
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\n\nclass MediaQueryManager {\n  private queries = new Map<string, MediaQueryList>();\n  private listeners = new Map<string, Set<() => void>>();\n  private changeHandlers = new Map<string, () => void>();\n\n  getMatches(query: string): boolean {\n    if (typeof window === 'undefined') return false;\n\n    if (!this.queries.has(query)) {\n      this.queries.set(query, window.matchMedia(query));\n      this.listeners.set(query, new Set());\n    }\n\n    const mediaQuery = this.queries.get(query);\n    return mediaQuery ? mediaQuery.matches : false;\n  }\n\n  subscribe(query: string, callback: () => void): () => void {\n    if (typeof window === 'undefined') {\n      return () => {\n        // Cleanup function for SSR - no-op\n      };\n    }\n\n    if (!this.queries.has(query)) {\n      this.queries.set(query, window.matchMedia(query));\n      this.listeners.set(query, new Set());\n    }\n\n    const mediaQuery = this.queries.get(query);\n    const listeners = this.listeners.get(query);\n\n    if (!mediaQuery || !listeners) {\n      return () => {\n        // Cleanup function - no-op if query wasn't found\n      };\n    }\n\n    listeners.add(callback);\n\n    if (listeners.size === 1) {\n      const changeHandler = () => {\n        for (const cb of listeners) {\n          cb();\n        }\n      };\n      this.changeHandlers.set(query, changeHandler);\n      mediaQuery.addEventListener('change', changeHandler);\n    }\n\n    return () => {\n      listeners.delete(callback);\n\n      if (listeners.size === 0) {\n        const changeHandler = this.changeHandlers.get(query);\n        if (changeHandler) {\n          mediaQuery.removeEventListener('change', changeHandler);\n          this.changeHandlers.delete(query);\n        }\n        this.queries.delete(query);\n        this.listeners.delete(query);\n      }\n    };\n  }\n}\n\nconst mediaQueryManager = new MediaQueryManager();\n\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => mediaQueryManager.getMatches(query));\n\n  useEffect(() => {\n    const updateMatches = () => {\n      setMatches(mediaQueryManager.getMatches(query));\n    };\n\n    const unsubscribe = mediaQueryManager.subscribe(query, updateMatches);\n\n    updateMatches();\n\n    return unsubscribe;\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useEffect","useState","MediaQueryManager","getMatches","query","window","queries","has","set","matchMedia","listeners","Set","mediaQuery","get","matches","subscribe","callback","add","size","changeHandler","cb","changeHandlers","addEventListener","delete","removeEventListener","Map","mediaQueryManager","useMediaQuery","setMatches","updateMatches","unsubscribe"],"mappings":"AAAA,SAAQA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAE1C,IAAA,AAAMC,oBAAN,MAAMA;IAKJC,WAAWC,KAAa,EAAW;QACjC,IAAI,OAAOC,WAAW,aAAa,OAAO;QAE1C,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,GAAG,CAACH,QAAQ;YAC5B,IAAI,CAACE,OAAO,CAACE,GAAG,CAACJ,OAAOC,OAAOI,UAAU,CAACL;YAC1C,IAAI,CAACM,SAAS,CAACF,GAAG,CAACJ,OAAO,IAAIO;QAChC;QAEA,MAAMC,aAAa,IAAI,CAACN,OAAO,CAACO,GAAG,CAACT;QACpC,OAAOQ,aAAaA,WAAWE,OAAO,GAAG;IAC3C;IAEAC,UAAUX,KAAa,EAAEY,QAAoB,EAAc;QACzD,IAAI,OAAOX,WAAW,aAAa;YACjC,OAAO;YACL,mCAAmC;YACrC;QACF;QAEA,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,GAAG,CAACH,QAAQ;YAC5B,IAAI,CAACE,OAAO,CAACE,GAAG,CAACJ,OAAOC,OAAOI,UAAU,CAACL;YAC1C,IAAI,CAACM,SAAS,CAACF,GAAG,CAACJ,OAAO,IAAIO;QAChC;QAEA,MAAMC,aAAa,IAAI,CAACN,OAAO,CAACO,GAAG,CAACT;QACpC,MAAMM,YAAY,IAAI,CAACA,SAAS,CAACG,GAAG,CAACT;QAErC,IAAI,CAACQ,cAAc,CAACF,WAAW;YAC7B,OAAO;YACL,iDAAiD;YACnD;QACF;QAEAA,UAAUO,GAAG,CAACD;QAEd,IAAIN,UAAUQ,IAAI,KAAK,GAAG;YACxB,MAAMC,gBAAgB;gBACpB,KAAK,MAAMC,MAAMV,UAAW;oBAC1BU;gBACF;YACF;YACA,IAAI,CAACC,cAAc,CAACb,GAAG,CAACJ,OAAOe;YAC/BP,WAAWU,gBAAgB,CAAC,UAAUH;QACxC;QAEA,OAAO;YACLT,UAAUa,MAAM,CAACP;YAEjB,IAAIN,UAAUQ,IAAI,KAAK,GAAG;gBACxB,MAAMC,gBAAgB,IAAI,CAACE,cAAc,CAACR,GAAG,CAACT;gBAC9C,IAAIe,eAAe;oBACjBP,WAAWY,mBAAmB,CAAC,UAAUL;oBACzC,IAAI,CAACE,cAAc,CAACE,MAAM,CAACnB;gBAC7B;gBACA,IAAI,CAACE,OAAO,CAACiB,MAAM,CAACnB;gBACpB,IAAI,CAACM,SAAS,CAACa,MAAM,CAACnB;YACxB;QACF;IACF;;aA9DQE,UAAU,IAAImB;aACdf,YAAY,IAAIe;aAChBJ,iBAAiB,IAAII;;AA6D/B;AAEA,MAAMC,oBAAoB,IAAIxB;AAE9B,OAAO,SAASyB,cAAcvB,KAAa;IACzC,MAAM,CAACU,SAASc,WAAW,GAAG3B,SAAS,IAAMyB,kBAAkBvB,UAAU,CAACC;IAE1EJ,UAAU;QACR,MAAM6B,gBAAgB;YACpBD,WAAWF,kBAAkBvB,UAAU,CAACC;QAC1C;QAEA,MAAM0B,cAAcJ,kBAAkBX,SAAS,CAACX,OAAOyB;QAEvDA;QAEA,OAAOC;IACT,GAAG;QAAC1B;KAAM;IAEV,OAAOU;AACT"}

package/dist/styles.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"layer(base);@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:var(--color-red-50);--color-red-100:var(--color-red-100);--color-red-200:var(--color-red-200);--color-red-300:var(--color-red-300);--color-red-400:var(--color-red-400);--color-red-500:var(--color-red-500);--color-red-600:var(--color-red-600);--color-red-700:var(--color-red-700);--color-red-800:var(--color-red-800);--color-red-900:var(--color-red-900);--color-red-950:var(--color-red-950);--color-orange-50:var(--color-orange-50);--color-orange-100:var(--color-orange-100);--color-orange-200:var(--color-orange-200);--color-orange-300:var(--color-orange-300);--color-orange-400:var(--color-orange-400);--color-orange-500:var(--color-orange-500);--color-orange-600:var(--color-orange-600);--color-orange-700:var(--color-orange-700);--color-orange-800:var(--color-orange-800);--color-orange-900:var(--color-orange-900);--color-orange-950:var(--color-orange-950);--color-green-50:var(--color-green-50);--color-green-100:var(--color-green-100);--color-green-200:var(--color-green-200);--color-green-300:var(--color-green-300);--color-green-400:var(--color-green-400);--color-green-500:var(--color-green-500);--color-green-600:var(--color-green-600);--color-green-700:var(--color-green-700);--color-green-800:var(--color-green-800);--color-green-900:var(--color-green-900);--color-green-950:var(--color-green-950);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-50:var(--color-blue-50);--color-blue-100:var(--color-blue-100);--color-blue-200:var(--color-blue-200);--color-blue-300:var(--color-blue-300);--color-blue-400:var(--color-blue-400);--color-blue-500:var(--color-blue-500);--color-blue-600:var(--color-blue-600);--color-blue-700:var(--color-blue-700);--color-blue-800:var(--color-blue-800);--color-blue-900:var(--color-blue-900);--color-blue-950:var(--color-blue-950);--color-purple-50:var(--color-purple-50);--color-purple-100:var(--color-purple-100);--color-purple-200:var(--color-purple-200);--color-purple-300:var(--color-purple-300);--color-purple-400:var(--color-purple-400);--color-purple-500:var(--color-purple-500);--color-purple-600:var(--color-purple-600);--color-purple-700:var(--color-purple-700);--color-purple-800:var(--color-purple-800);--color-purple-900:var(--color-purple-900);--color-purple-950:var(--color-purple-950);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-neutral-50:var(--color-neutral-50);--color-neutral-100:var(--color-neutral-100);--color-neutral-200:var(--color-neutral-200);--color-neutral-300:var(--color-neutral-300);--color-neutral-400:var(--color-neutral-400);--color-neutral-500:var(--color-neutral-500);--color-neutral-600:var(--color-neutral-600);--color-neutral-700:var(--color-neutral-700);--color-neutral-800:var(--color-neutral-800);--color-neutral-900:var(--color-neutral-900);--color-neutral-950:var(--color-neutral-950);--container-md:28rem;--container-lg:32rem;--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-normal:400;--font-weight-semibold:600;--leading-relaxed:1.625;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-neutral-0:var(--color-neutral-0);--color-neutral-1000:var(--color-neutral-1000);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-primary-950:var(--color-primary-950);--color-accent-purple:var(--color-accent-purple);--color-accent-indigo:var(--color-accent-indigo);--color-accent-mint:var(--color-accent-mint);--color-accent-green:var(--color-accent-green);--color-accent-teal:var(--color-accent-teal);--color-accent-brown:var(--color-accent-brown);--color-accent-blue:var(--color-accent-blue);--color-accent-orange:var(--color-accent-orange);--color-accent-yellow:var(--color-accent-yellow);--color-accent-pink:var(--color-accent-pink);--color-accent-gray:var(--color-accent-gray);--color-accent-cyan:var(--color-accent-cyan);--color-accent-red:var(--color-accent-red);--color-alpha-white-0:var(--color-alpha-white-0);--color-alpha-white-2:var(--color-alpha-white-2);--color-alpha-white-4:var(--color-alpha-white-4);--color-alpha-white-6:var(--color-alpha-white-6);--color-alpha-white-8:var(--color-alpha-white-8);--color-alpha-white-10:var(--color-alpha-white-10);--color-alpha-white-12:var(--color-alpha-white-12);--color-alpha-white-16:var(--color-alpha-white-16);--color-alpha-white-24:var(--color-alpha-white-24);--color-alpha-white-40:var(--color-alpha-white-40);--color-alpha-white-56:var(--color-alpha-white-56);--color-alpha-white-64:var(--color-alpha-white-64);--color-alpha-white-72:var(--color-alpha-white-72);--color-alpha-white-80:var(--color-alpha-white-80);--color-alpha-white-88:var(--color-alpha-white-88);--color-alpha-black-0:var(--color-alpha-black-0);--color-alpha-black-2:var(--color-alpha-black-2);--color-alpha-black-4:var(--color-alpha-black-4);--color-alpha-black-6:var(--color-alpha-black-6);--color-alpha-black-8:var(--color-alpha-black-8);--color-alpha-black-10:var(--color-alpha-black-10);--color-alpha-black-12:var(--color-alpha-black-12);--color-alpha-black-16:var(--color-alpha-black-16);--color-alpha-black-24:var(--color-alpha-black-24);--color-alpha-black-40:var(--color-alpha-black-40);--color-alpha-black-56:var(--color-alpha-black-56);--color-alpha-black-64:var(--color-alpha-black-64);--color-alpha-black-72:var(--color-alpha-black-72);--color-alpha-black-80:var(--color-alpha-black-80);--color-alpha-black-88:var(--color-alpha-black-88);--shadow-border-base:var(--shadow-border-base);--shadow-border-interactive-with-active:var(--shadow-border-interactive-with-active);--shadow-border-error:var(--shadow-border-error);--shadow-button-inverted:var(--shadow-button-inverted);--shadow-button-inverted-focus:var(--shadow-button-inverted-focus);--shadow-button-neutral:var(--shadow-button-neutral);--shadow-button-neutral-focus:var(--shadow-button-neutral-focus);--shadow-button-danger:var(--shadow-button-danger);--shadow-button-danger-focus:var(--shadow-button-danger-focus);--shadow-button-success:var(--shadow-button-success);--shadow-button-success-focus:var(--shadow-button-success-focus);--shadow-tooltip:var(--shadow-tooltip);--shadow-separator-inset:var(--shadow-separator-inset)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border-neutral-base);font-family:Inter,sans-serif}html{background-color:var(--background-neutral-base);color:var(--foreground-neutral-base);font-feature-settings:"rlig" 1,"calt" 1,"lnum" 1}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.-top-2{top:-2px}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:12px}.-right-2{right:-2px}.right-0{right:0}.right-2{right:2px}.right-4{right:4px}.right-12{right:12px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-27{left:27px}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-4{margin-block:4px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-32{margin-top:32px}.mr-30{margin-right:30px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-3{width:3px;height:3px}.size-5{width:5px;height:5px}.size-6{width:6px;height:6px}.size-8\.5{width:8.5px;height:8.5px}.size-12{width:12px;height:12px}.size-16{width:16px;height:16px}.size-20{width:20px;height:20px}.size-24{width:24px;height:24px}.size-\[10px\]{width:10px;height:10px}.size-\[12px\]{width:12px;height:12px}.size-\[14px\]{width:14px;height:14px}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[28px\]{width:28px;height:28px}.size-\[32px\]{width:32px;height:32px}.size-\[36px\]{width:36px;height:36px}.size-\[40px\]{width:40px;height:40px}.size-\[60px\]{width:60px;height:60px}.size-\[80px\]{width:80px;height:80px}.size-\[120px\]{width:120px;height:120px}.size-full{width:100%;height:100%}.h-4{height:4px}.h-16{height:16px}.h-20{height:20px}.h-24{height:24px}.h-28{height:28px}.h-32{height:32px}.h-36{height:36px}.h-40{height:40px}.h-100{height:100px}.h-\[1px\]{height:1px}.h-\[50vh\]{height:50vh}.h-\[332px\]{height:332px}.h-\[calc\(100vh\/2\)\]{height:50vh}.h-full{height:100%}.h-px{height:1px}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-64{min-height:64px}.min-h-screen{min-height:100vh}.w-4{width:4px}.w-16{width:16px}.w-20{width:20px}.w-24{width:24px}.w-28{width:28px}.w-32{width:32px}.w-36{width:36px}.w-40{width:40px}.w-160{width:160px}.w-200{width:200px}.w-\[280px\]{width:280px}.w-\[800px\]{width:800px}.w-\[calc\(100vw\/2\)\]{width:50vw}.w-fit{width:fit-content}.w-full{width:100%}.max-w-250{max-width:250px}.max-w-476{max-width:476px}.max-w-672{max-width:672px}.max-w-\[384px\]{max-width:384px}.max-w-\[576px\]{max-width:576px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-400{min-width:400px}.min-w-\[128px\]{min-width:128px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-x-32{--tw-border-spacing-x: 32px ;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.border-spacing-y-16{--tw-border-spacing-y: 16px ;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-46{--tw-translate-x: -46px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-8{--tw-translate-x: 8px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[120px\]{--tw-translate-y: -120px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:1px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-32{gap:32px}.gap-64{gap:64px}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-4px *var(--tw-space-x-reverse));margin-inline-end:calc(-4px *calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-6px *var(--tw-space-x-reverse));margin-inline-end:calc(-6px *calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-12>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-12px *var(--tw-space-x-reverse));margin-inline-end:calc(-12px *calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2{border-radius:2px}.rounded-4{border-radius:4px}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.rounded-16{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border{border-color:var(--border-neutral-base)}.border-border-contrast-bottom{border-color:var(--border-contrast-bottom)}.border-border-neutral-base{border-color:var(--border-neutral-base)}.border-border-neutral-base-component{border-color:var(--border-neutral-base-component)}.border-tag-blue-border{border-color:var(--tag-blue-border)}.border-tag-error-border{border-color:var(--tag-error-border)}.border-tag-neutral-border{border-color:var(--tag-neutral-border)}.border-tag-purple-border{border-color:var(--tag-purple-border)}.border-tag-success-border{border-color:var(--tag-success-border)}.border-tag-warning-border{border-color:var(--tag-warning-border)}.bg-accent-blue{background-color:var(--color-accent-blue)}.bg-accent-brown{background-color:var(--color-accent-brown)}.bg-accent-cyan{background-color:var(--color-accent-cyan)}.bg-accent-gray{background-color:var(--color-accent-gray)}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-indigo{background-color:var(--color-accent-indigo)}.bg-accent-mint{background-color:var(--color-accent-mint)}.bg-accent-orange{background-color:var(--color-accent-orange)}.bg-accent-pink{background-color:var(--color-accent-pink)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-red{background-color:var(--color-accent-red)}.bg-accent-teal{background-color:var(--color-accent-teal)}.bg-accent-yellow{background-color:var(--color-accent-yellow)}.bg-alpha-black-0{background-color:var(--color-alpha-black-0)}.bg-alpha-black-2{background-color:var(--color-alpha-black-2)}.bg-alpha-black-4{background-color:var(--color-alpha-black-4)}.bg-alpha-black-6{background-color:var(--color-alpha-black-6)}.bg-alpha-black-8{background-color:var(--color-alpha-black-8)}.bg-alpha-black-10{background-color:var(--color-alpha-black-10)}.bg-alpha-black-12{background-color:var(--color-alpha-black-12)}.bg-alpha-black-16{background-color:var(--color-alpha-black-16)}.bg-alpha-black-24{background-color:var(--color-alpha-black-24)}.bg-alpha-black-40{background-color:var(--color-alpha-black-40)}.bg-alpha-black-56{background-color:var(--color-alpha-black-56)}.bg-alpha-black-64{background-color:var(--color-alpha-black-64)}.bg-alpha-black-72{background-color:var(--color-alpha-black-72)}.bg-alpha-black-80{background-color:var(--color-alpha-black-80)}.bg-alpha-black-88{background-color:var(--color-alpha-black-88)}.bg-alpha-white-0{background-color:var(--color-alpha-white-0)}.bg-alpha-white-2{background-color:var(--color-alpha-white-2)}.bg-alpha-white-4{background-color:var(--color-alpha-white-4)}.bg-alpha-white-6{background-color:var(--color-alpha-white-6)}.bg-alpha-white-8{background-color:var(--color-alpha-white-8)}.bg-alpha-white-10{background-color:var(--color-alpha-white-10)}.bg-alpha-white-12{background-color:var(--color-alpha-white-12)}.bg-alpha-white-16{background-color:var(--color-alpha-white-16)}.bg-alpha-white-24{background-color:var(--color-alpha-white-24)}.bg-alpha-white-40{background-color:var(--color-alpha-white-40)}.bg-alpha-white-56{background-color:var(--color-alpha-white-56)}.bg-alpha-white-64{background-color:var(--color-alpha-white-64)}.bg-alpha-white-72{background-color:var(--color-alpha-white-72)}.bg-alpha-white-80{background-color:var(--color-alpha-white-80)}.bg-alpha-white-88{background-color:var(--color-alpha-white-88)}.bg-background-backdrop-backdrop{background-color:var(--background-backdrop-backdrop)}.bg-background-button-danger-default{background-color:var(--background-button-danger-default)}.bg-background-button-inverted-default{background-color:var(--background-button-inverted-default)}.bg-background-button-neutral-default{background-color:var(--background-button-neutral-default)}.bg-background-button-success-default{background-color:var(--background-button-success-default)}.bg-background-button-transparent-default{background-color:var(--background-button-transparent-default)}.bg-background-components-base{background-color:var(--background-components-base)}.bg-background-components-pressed{background-color:var(--background-components-pressed)}.bg-background-field-base{background-color:var(--background-field-base)}.bg-background-field-component{background-color:var(--background-field-component)}.bg-background-neutral-base{background-color:var(--background-neutral-base)}.bg-background-subtle-base{background-color:var(--background-subtle-base)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-blue-950{background-color:var(--color-blue-950)}.bg-border-neutral-base{background-color:var(--border-neutral-base)}.bg-border-neutral-strong{background-color:var(--border-neutral-strong)}.bg-checkbox-unchecked-bg{background-color:var(--checkbox-unchecked-bg)}.bg-foreground-neutral-muted{background-color:var(--foreground-neutral-muted)}.bg-foreground-neutral-subtle{background-color:var(--foreground-neutral-subtle)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-green-950{background-color:var(--color-green-950)}.bg-neutral-0{background-color:var(--color-neutral-0)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-neutral-1000{background-color:var(--color-neutral-1000)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-orange-950{background-color:var(--color-orange-950)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-primary-950{background-color:var(--color-primary-950)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-purple-950{background-color:var(--color-purple-950)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950{background-color:var(--color-red-950)}.bg-tag-blue-bg{background-color:var(--tag-blue-bg)}.bg-tag-blue-icon{background-color:var(--tag-blue-icon)}.bg-tag-error-bg{background-color:var(--tag-error-bg)}.bg-tag-error-icon{background-color:var(--tag-error-icon)}.bg-tag-neutral-bg{background-color:var(--tag-neutral-bg)}.bg-tag-neutral-icon{background-color:var(--tag-neutral-icon)}.bg-tag-purple-bg{background-color:var(--tag-purple-bg)}.bg-tag-purple-icon{background-color:var(--tag-purple-icon)}.bg-tag-success-bg{background-color:var(--tag-success-bg)}.bg-tag-success-icon{background-color:var(--tag-success-icon)}.bg-tag-warning-bg{background-color:var(--tag-warning-bg)}.bg-tag-warning-icon{background-color:var(--tag-warning-icon)}.bg-transparent{background-color:#0000}.bg-\[radial-gradient\(\#ff9e7a_40\%\,transparent_60\%\)\]{background-image:radial-gradient(#ff9e7a 40%,#0000 60%)}.object-contain{object-fit:contain}.object-scale-down{object-fit:scale-down}.p-0{padding:0}.p-1{padding:1px}.p-2{padding:2px}.p-4{padding:4px}.p-8{padding:8px}.p-64{padding:64px}.p-\[15\%\]{padding:15%}.px-4{padding-inline:4px}.px-6{padding-inline:6px}.px-8{padding-inline:8px}.px-10{padding-inline:10px}.px-12{padding-inline:12px}.px-16{padding-inline:16px}.px-24{padding-inline:24px}.px-32{padding-inline:32px}.py-2{padding-block:2px}.py-4{padding-block:4px}.py-6{padding-block:6px}.py-8{padding-block:8px}.py-12{padding-block:12px}.py-16{padding-block:16px}.pt-0{padding-top:0}.pt-1{padding-top:1px}.pt-2{padding-top:2px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pt-32{padding-top:32px}.pr-24{padding-right:24px}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-24{padding-bottom:24px}.pb-64{padding-bottom:64px}.pb-80{padding-bottom:80px}.pl-32{padding-left:32px}.text-center{text-align:center}.font-code{font-family:Commit Mono,monospace}.font-display{font-family:Inter,sans-serif}.text-2xl{font-size:24px;line-height:var(--tw-leading,32px)}.text-3xl{font-size:28px;line-height:var(--tw-leading,44px)}.text-4xl{font-size:40px;line-height:var(--tw-leading,56px)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:16px;line-height:var(--tw-leading,24px)}.text-md{font-size:14px;line-height:var(--tw-leading,24px)}.text-sm{font-size:13px;line-height:var(--tw-leading,20px)}.text-xl{font-size:18px;line-height:var(--tw-leading,28px)}.text-xs{font-size:12px;line-height:var(--tw-leading,20px)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[28px\]{font-size:28px}.leading-4{--tw-leading: 4px ;line-height:4px}.leading-5{--tw-leading: 5px ;line-height:5px}.leading-6{--tw-leading: 6px ;line-height:6px}.leading-8{--tw-leading: 8px ;line-height:8px}.leading-20{--tw-leading: 20px ;line-height:20px}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[11px\]{--tw-leading:11px;line-height:11px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[44px\]{--tw-leading:44px;line-height:44px}.leading-\[56px\]{--tw-leading:56px;line-height:56px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-regular{--tw-font-weight:400;font-weight:400}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-foreground-contrast-primary{color:var(--foreground-contrast-primary)}.text-foreground-highlight-error{color:var(--foreground-highlight-error)}.text-foreground-highlight-interactive{color:var(--foreground-highlight-interactive)}.text-foreground-neutral-base{color:var(--foreground-neutral-base)}.text-foreground-neutral-disabled{color:var(--foreground-neutral-disabled)}.text-foreground-neutral-muted{color:var(--foreground-neutral-muted)}.text-foreground-neutral-on-color{color:var(--foreground-neutral-on-color)}.text-foreground-neutral-subtle{color:var(--foreground-neutral-subtle)}.text-tag-blue-icon{color:var(--tag-blue-icon)}.text-tag-blue-text{color:var(--tag-blue-text)}.text-tag-error-icon{color:var(--tag-error-icon)}.text-tag-error-text{color:var(--tag-error-text)}.text-tag-neutral-icon{color:var(--tag-neutral-icon)}.text-tag-neutral-text{color:var(--tag-neutral-text)}.text-tag-purple-icon{color:var(--tag-purple-icon)}.text-tag-purple-text{color:var(--tag-purple-text)}.text-tag-success-icon{color:var(--tag-success-icon)}.text-tag-success-text{color:var(--tag-success-text)}.text-tag-warning-icon{color:var(--tag-warning-icon)}.text-tag-warning-text{color:var(--tag-warning-text)}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-button-danger{--tw-shadow:var(--shadow-button-danger);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-button-inverted{--tw-shadow:var(--shadow-button-inverted);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-button-neutral{--tw-shadow:var(--shadow-button-neutral);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-button-success{--tw-shadow:var(--shadow-button-success);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-checkbox-unchecked{--tw-shadow:var(--checkbox-unchecked-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-separator-inset{--tw-shadow:var(--shadow-separator-inset);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-tooltip{--tw-shadow:var(--shadow-tooltip);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-border-neutral-base-component{--tw-ring-color:var(--border-neutral-base-component)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background-neutral-base{--tw-ring-offset-color:var(--background-neutral-base)}.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,)}.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,-webkit-backdrop-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))}.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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[counter-increment\:line_0\]{counter-increment:line 0}.\[counter-reset\:line\]{counter-reset:line}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[text-underline-position\:from-font\]{text-underline-position:from-font}.running{animation-play-state:running}.group-\[\.toast\]\:bg-background-button-neutral-default:is(:where(.group).toast *){background-color:var(--background-button-neutral-default)}.group-\[\.toast\]\:bg-background-button-transparent-default:is(:where(.group).toast *){background-color:var(--background-button-transparent-default)}.group-\[\.toast\]\:text-foreground-neutral-base:is(:where(.group).toast *){color:var(--foreground-neutral-base)}.group-\[\.toast\]\:text-foreground-neutral-muted:is(:where(.group).toast *){color:var(--foreground-neutral-muted)}.group-\[\.toaster\]\:border:is(:where(.group).toaster *){border-style:var(--tw-border-style);border-width:1px}.group-\[\.toaster\]\:border-border-neutral-base:is(:where(.group).toaster *){border-color:var(--border-neutral-base)}.group-\[\.toaster\]\:bg-background-components-base:is(:where(.group).toaster *){background-color:var(--background-components-base)}.group-\[\.toaster\]\:text-foreground-neutral-base:is(:where(.group).toaster *){color:var(--foreground-neutral-base)}.group-\[\.toaster\]\:shadow-tooltip:is(:where(.group).toaster *){--tw-shadow:var(--shadow-tooltip);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.selection\:bg-background-accent-neutral-soft ::selection{background-color:var(--background-accent-neutral-soft)}.selection\:bg-background-accent-neutral-soft::selection{background-color:var(--background-accent-neutral-soft)}.selection\:text-foreground-neutral-on-inverted ::selection{color:var(--foreground-neutral-on-inverted)}.selection\:text-foreground-neutral-on-inverted::selection{color:var(--foreground-neutral-on-inverted)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:font-medium::file-selector-button{--tw-font-weight:500;font-weight:500}.file\:text-foreground-neutral-base::file-selector-button{color:var(--foreground-neutral-base)}.placeholder\:text-foreground-neutral-muted::placeholder{color:var(--foreground-neutral-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:right-0:after{content:var(--tw-content);right:0}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:bg-border-neutral-base:after{content:var(--tw-content);background-color:var(--border-neutral-base)}.after\:shadow-separator-inset:after{content:var(--tw-content);--tw-shadow:var(--shadow-separator-inset);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:-translate-y-4:hover{--tw-translate-y: -4px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-8:hover{--tw-translate-y: -8px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:bg-background-button-danger-hover:hover{background-color:var(--background-button-danger-hover)}.hover\:bg-background-button-inverted-hover:hover{background-color:var(--background-button-inverted-hover)}.hover\:bg-background-button-neutral-hover:hover{background-color:var(--background-button-neutral-hover)}.hover\:bg-background-button-success-hover:hover{background-color:var(--background-button-success-hover)}.hover\:bg-background-button-transparent-hover:hover{background-color:var(--background-button-transparent-hover)}.hover\:bg-background-components-hover:hover{background-color:var(--background-components-hover)}.hover\:bg-background-field-hover:hover{background-color:var(--background-field-hover)}.hover\:bg-checkbox-unchecked-bg-hover:hover{background-color:var(--checkbox-unchecked-bg-hover)}.hover\:bg-tag-blue-bg-hover:hover{background-color:var(--tag-blue-bg-hover)}.hover\:bg-tag-error-bg-hover:hover{background-color:var(--tag-error-bg-hover)}.hover\:bg-tag-neutral-bg-hover:hover{background-color:var(--tag-neutral-bg-hover)}.hover\:bg-tag-purple-bg-hover:hover{background-color:var(--tag-purple-bg-hover)}.hover\:bg-tag-success-bg-hover:hover{background-color:var(--tag-success-bg-hover)}.hover\:bg-tag-warning-bg-hover:hover{background-color:var(--tag-warning-bg-hover)}.hover\:text-foreground-highlight-interactive-hover:hover{color:var(--foreground-highlight-interactive-hover)}.hover\:text-foreground-neutral-base:hover{color:var(--foreground-neutral-base)}.hover\:text-foreground-neutral-subtle:hover{color:var(--foreground-neutral-subtle)}.hover\:opacity-70:hover{opacity:.7}.group-\[\.toast\]\:hover\:bg-background-button-neutral-hover:is(:where(.group).toast *):hover{background-color:var(--background-button-neutral-hover)}.group-\[\.toast\]\:hover\:bg-background-button-transparent-hover:is(:where(.group).toast *):hover{background-color:var(--background-button-transparent-hover)}.focus-visible\:text-foreground-highlight-interactive:focus-visible{color:var(--foreground-highlight-interactive)}.focus-visible\:text-foreground-neutral-base:focus-visible{color:var(--foreground-neutral-base)}.focus-visible\:shadow-border-interactive-with-active:focus-visible{--tw-shadow:var(--shadow-border-interactive-with-active);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-button-danger-focus:focus-visible{--tw-shadow:var(--shadow-button-danger-focus);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-button-inverted-focus:focus-visible{--tw-shadow:var(--shadow-button-inverted-focus);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-button-neutral-focus:focus-visible{--tw-shadow:var(--shadow-button-neutral-focus);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-button-success-focus:focus-visible{--tw-shadow:var(--shadow-button-success-focus);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-checkbox-unchecked-focus:focus-visible{--tw-shadow:var(--checkbox-unchecked-focus-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.focus-visible\:ring-background-accent-blue-base:focus-visible{--tw-ring-color:var(--background-accent-blue-base)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-background-button-danger-pressed:active{background-color:var(--background-button-danger-pressed)}.active\:bg-background-button-inverted-pressed:active{background-color:var(--background-button-inverted-pressed)}.active\:bg-background-button-neutral-pressed:active{background-color:var(--background-button-neutral-pressed)}.active\:bg-background-button-success-pressed:active{background-color:var(--background-button-success-pressed)}.active\:bg-background-button-transparent-pressed:active{background-color:var(--background-button-transparent-pressed)}.active\:bg-background-components-pressed:active{background-color:var(--background-components-pressed)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-background-neutral-disabled:disabled{background-color:var(--background-neutral-disabled)}.disabled\:text-foreground-neutral-disabled:disabled{color:var(--foreground-neutral-disabled)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--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)}.has-data-\[state\=checked\]\:bg-background-neutral-base:has([data-state=checked]){background-color:var(--background-neutral-base)}.has-data-\[state\=checked\]\:shadow-checkbox-checked:has([data-state=checked]){--tw-shadow:var(--checkbox-checked-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[state\=checked\]\:hover\:bg-background-neutral-hover:has([data-state=checked]):hover{background-color:var(--background-neutral-hover)}.has-data-\[state\=checked\]\:focus-visible\:shadow-checkbox-checked-focus:has([data-state=checked]):focus-visible{--tw-shadow:var(--checkbox-checked-focus-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[state\=indeterminate\]\:bg-background-neutral-base:has([data-state=indeterminate]){background-color:var(--background-neutral-base)}.has-data-\[state\=indeterminate\]\:shadow-checkbox-indeterminate:has([data-state=indeterminate]){--tw-shadow:var(--checkbox-indeterminate-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[state\=indeterminate\]\:hover\:bg-background-neutral-hover:has([data-state=indeterminate]):hover{background-color:var(--background-neutral-hover)}.has-data-\[state\=indeterminate\]\:focus-visible\:shadow-checkbox-indeterminate-focus:has([data-state=indeterminate]):focus-visible{--tw-shadow:var(--checkbox-indeterminate-focus-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[state\=unchecked\]\:focus-visible\:shadow-border-interactive-with-active:has([data-state=unchecked]):focus-visible{--tw-shadow:var(--shadow-border-interactive-with-active);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:shadow-border-error[aria-invalid=true]{--tw-shadow:var(--shadow-border-error);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:z-10[data-state=active]{z-index:10}.data-\[state\=active\]\:text-foreground-neutral-base[data-state=active]{color:var(--foreground-neutral-base)}.data-\[state\=active\]\:after\:absolute[data-state=active]:after{content:var(--tw-content);position:absolute}.data-\[state\=active\]\:after\:right-0[data-state=active]:after{content:var(--tw-content);right:0}.data-\[state\=active\]\:after\:-bottom-9[data-state=active]:after{content:var(--tw-content);bottom:-9px}.data-\[state\=active\]\:after\:left-0[data-state=active]:after{content:var(--tw-content);left:0}.data-\[state\=active\]\:after\:h-2[data-state=active]:after{content:var(--tw-content);height:2px}.data-\[state\=active\]\:after\:bg-foreground-neutral-base[data-state=active]:after{content:var(--tw-content);background-color:var(--foreground-neutral-base)}.data-\[state\=checked\]\:bg-checkbox-checked-bg[data-state=checked]{background-color:var(--checkbox-checked-bg)}.data-\[state\=checked\]\:text-foreground-neutral-on-color[data-state=checked]{color:var(--foreground-neutral-on-color)}.data-\[state\=checked\]\:shadow-checkbox-checked[data-state=checked]{--tw-shadow:var(--checkbox-checked-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:hover\:bg-checkbox-checked-bg-hover[data-state=checked]:hover{background-color:var(--checkbox-checked-bg-hover)}.data-\[state\=checked\]\:focus-visible\:shadow-checkbox-checked-focus[data-state=checked]:focus-visible{--tw-shadow:var(--checkbox-checked-focus-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=indeterminate\]\:bg-checkbox-indeterminate-bg[data-state=indeterminate]{background-color:var(--checkbox-indeterminate-bg)}.data-\[state\=indeterminate\]\:text-foreground-neutral-on-color[data-state=indeterminate]{color:var(--foreground-neutral-on-color)}.data-\[state\=indeterminate\]\:shadow-checkbox-indeterminate[data-state=indeterminate]{--tw-shadow:var(--checkbox-indeterminate-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=indeterminate\]\:hover\:bg-checkbox-indeterminate-bg-hover[data-state=indeterminate]:hover{background-color:var(--checkbox-indeterminate-bg-hover)}.data-\[state\=indeterminate\]\:focus-visible\:shadow-checkbox-indeterminate-focus[data-state=indeterminate]:focus-visible{--tw-shadow:var(--checkbox-indeterminate-focus-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:mx-0{margin-inline:0}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:max-w-fit{max-width:fit-content}.sm\:flex-row{flex-direction:row}.sm\:self-start{align-self:flex-start}.sm\:text-left{text-align:left}}.dark\:bg-background-components-base:is(.dark *){background-color:var(--background-components-base)}.dark\:bg-background-contrast-base:is(.dark *){background-color:var(--background-contrast-base)}.dark\:bg-background-contrast-subtle:is(.dark *){background-color:var(--background-contrast-subtle)}.dark\:after\:bg-border-contrast-top:is(.dark *):after{content:var(--tw-content);background-color:var(--border-contrast-top)}.\[\&_\.line\]\:relative .line{position:relative}.\[\&_\.line\]\:block .line{display:block}.\[\&_\.line\]\:min-h-\[1\.25rem\] .line{min-height:1.25rem}.\[\&_\.line\]\:w-full .line{width:100%}.\[\&_\.line\]\:px-12 .line{padding-inline:12px}.\[\&_\.line\]\:font-code .line{font-family:Commit Mono,monospace}.\[\&_\.line\]\:text-xs .line{font-size:12px;line-height:var(--tw-leading,20px)}.\[\&_\.line\]\:leading-20 .line{--tw-leading: 20px ;line-height:20px}.\[\&_\.line\]\:before\:mr-16 .line:before{content:var(--tw-content);margin-right:16px}.\[\&_\.line\]\:before\:inline-block .line:before{content:var(--tw-content);display:inline-block}.\[\&_\.line\]\:before\:w-16 .line:before{content:var(--tw-content);width:16px}.\[\&_\.line\]\:before\:text-right .line:before{content:var(--tw-content);text-align:right}.\[\&_\.line\]\:before\:font-code .line:before{content:var(--tw-content);font-family:Commit Mono,monospace}.\[\&_\.line\]\:before\:text-xs .line:before{content:var(--tw-content);font-size:12px;line-height:var(--tw-leading,20px)}.\[\&_\.line\]\:before\:text-foreground-neutral-subtle .line:before{content:var(--tw-content);color:var(--foreground-neutral-subtle)}.\[\&_\.line\]\:before\:content-\[counter\(line\)\] .line:before{--tw-content:counter(line);content:var(--tw-content)}.\[\&_\.line\]\:before\:select-none .line:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.\[\&_\.line\]\:before\:\[counter-increment\:line\] .line:before{content:var(--tw-content);counter-increment:line}.\[\&_\.line\.diff\]\:after\:absolute .line.diff:after{content:var(--tw-content);position:absolute}.\[\&_\.line\.diff\]\:after\:top-0 .line.diff:after{content:var(--tw-content);top:0}.\[\&_\.line\.diff\]\:after\:bottom-0 .line.diff:after{content:var(--tw-content);bottom:0}.\[\&_\.line\.diff\]\:after\:left-0 .line.diff:after{content:var(--tw-content);left:0}.\[\&_\.line\.diff\]\:after\:w-1 .line.diff:after{content:var(--tw-content);width:1px}.\[\&_\.line\.diff\.add\]\:bg-emerald-50 .line.diff.add{background-color:var(--color-emerald-50)}.\[\&_\.line\.diff\.add\]\:text-green-700 .line.diff.add{color:var(--color-green-700)}.\[\&_\.line\.diff\.add\]\:after\:bg-emerald-500 .line.diff.add:after{content:var(--tw-content);background-color:var(--color-emerald-500)}.dark\:\[\&_\.line\.diff\.add\]\:bg-emerald-500\/10:is(.dark *) .line.diff.add{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:\[\&_\.line\.diff\.add\]\:bg-emerald-500\/10:is(.dark *) .line.diff.add{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.dark\:\[\&_\.line\.diff\.add\]\:text-emerald-400:is(.dark *) .line.diff.add{color:var(--color-emerald-400)}.\[\&_\.line\.diff\.remove\]\:bg-rose-50 .line.diff.remove{background-color:var(--color-rose-50)}.\[\&_\.line\.diff\.remove\]\:text-red-700 .line.diff.remove{color:var(--color-red-700)}.\[\&_\.line\.diff\.remove\]\:after\:bg-rose-500 .line.diff.remove:after{content:var(--tw-content);background-color:var(--color-rose-500)}.dark\:\[\&_\.line\.diff\.remove\]\:bg-rose-500\/10:is(.dark *) .line.diff.remove{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.dark\:\[\&_\.line\.diff\.remove\]\:bg-rose-500\/10:is(.dark *) .line.diff.remove{background-color:color-mix(in oklab,var(--color-rose-500)10%,transparent)}}.dark\:\[\&_\.line\.diff\.remove\]\:text-rose-400:is(.dark *) .line.diff.remove{color:var(--color-rose-400)}.\[\&_code\]\:grid code{display:grid}.\[\&_code\]\:w-full code{width:100%}.\[\&_code\]\:overflow-x-auto code{overflow-x:auto}.\[\&_code\]\:bg-transparent code{background-color:#0000}.\[\&_code\]\:font-code code{font-family:Commit Mono,monospace}.\[\&_code\]\:text-xs code{font-size:12px;line-height:var(--tw-leading,20px)}.\[\&_code\]\:leading-20 code{--tw-leading: 20px ;line-height:20px}.\[\&_code\]\:text-foreground-neutral-base code{color:var(--foreground-neutral-base)}.\[\&_code\]\:\[counter-increment\:line_0\] code{counter-increment:line 0}.\[\&_code\]\:\[counter-reset\:line\] code{counter-reset:line}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_pre\]\:m-0 pre{margin:0}.\[\&_pre\]\:bg-transparent pre{background-color:#0000}.\[\&_pre\]\:p-0 pre{padding:0}.\[\&_pre\]\:px-0 pre{padding-inline:0}.\[\&_pre\]\:py-12 pre{padding-block:12px}.\[\&_pre\]\:font-code pre{font-family:Commit Mono,monospace}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@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}@font-face{font-family:Commit Mono;src:url(https://a.storyblok.com/f/338460/x/5b4955e226/commitmono-400-regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(https://a.storyblok.com/f/338460/x/b0c8dab698/commitmono-700-regular.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--color-neutral-0:#fff;--color-neutral-50:#fafafa;--color-neutral-100:#f4f4f5;--color-neutral-200:#e4e4e7;--color-neutral-300:#d4d4d8;--color-neutral-400:#a1a1aa;--color-neutral-500:#71717a;--color-neutral-600:#52525b;--color-neutral-700:#3f3f46;--color-neutral-800:#27272a;--color-neutral-900:#1a1a1b;--color-neutral-950:#0f0f10;--color-neutral-1000:#030303;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c4b5fd;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-purple-950:#2e1065;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-200:#a7f3d0;--color-green-300:#6ee7b7;--color-green-400:#34d399;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-green-800:#065f46;--color-green-900:#064e3b;--color-green-950:#022c22;--color-primary-50:#fff4f0;--color-primary-100:#ffe6db;--color-primary-200:#ffccb8;--color-primary-300:#ff9e7a;--color-primary-400:#ff4b00;--color-primary-500:#e63e00;--color-primary-600:#cc3700;--color-primary-700:#b32f00;--color-primary-800:#992800;--color-primary-900:#802000;--color-primary-950:#4d1300;--color-red-50:#fff1f2;--color-red-100:#ffe4e6;--color-red-200:#fecdd3;--color-red-300:#fda4af;--color-red-400:#fb7185;--color-red-500:#f43f5e;--color-red-600:#e11d48;--color-red-700:#be123c;--color-red-800:#9f1239;--color-red-900:#881337;--color-red-950:#4c0519;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-accent-purple:#af52de;--color-accent-indigo:#5856d6;--color-accent-mint:#00c7be;--color-accent-green:#28cd41;--color-accent-teal:#59adc4;--color-accent-brown:#a2845e;--color-accent-blue:#007aff;--color-accent-orange:#ff9500;--color-accent-yellow:#fc0;--color-accent-pink:#ff2d55;--color-accent-gray:#8e8e93;--color-accent-cyan:#55bef0;--color-accent-red:#ff3b30;--color-alpha-white-0:#fff0;--color-alpha-white-2:#ffffff05;--color-alpha-white-4:#ffffff0a;--color-alpha-white-6:#ffffff0f;--color-alpha-white-8:#ffffff14;--color-alpha-white-10:#ffffff1a;--color-alpha-white-12:#ffffff1f;--color-alpha-white-16:#ffffff29;--color-alpha-white-24:#ffffff3d;--color-alpha-white-40:#fff6;--color-alpha-white-56:#ffffff8f;--color-alpha-white-64:#ffffffa3;--color-alpha-white-72:#ffffffb8;--color-alpha-white-80:#fffc;--color-alpha-white-88:#ffffffe0;--color-alpha-black-0:#18181b00;--color-alpha-black-2:#18181b05;--color-alpha-black-4:#18181b0a;--color-alpha-black-6:#18181b0f;--color-alpha-black-8:#18181b14;--color-alpha-black-10:#18181b1a;--color-alpha-black-12:#18181b1f;--color-alpha-black-16:#18181b29;--color-alpha-black-24:#18181b3d;--color-alpha-black-40:#18181b66;--color-alpha-black-56:#18181b8f;--color-alpha-black-64:#18181ba3;--color-alpha-black-72:#18181bb8;--color-alpha-black-80:#18181bcc;--color-alpha-black-88:#18181be0;--background-components-hover:var(--color-neutral-100);--background-neutral-base:var(--color-neutral-0);--background-components-pressed:var(--color-neutral-200);--background-subtle-pressed:var(--color-neutral-200);--background-highlight-interactive:var(--color-primary-500);--background-subtle-hover:var(--color-neutral-100);--background-highlight-hover:var(--color-primary-100);--background-field-base:var(--color-neutral-0);--background-neutral-pressed:var(--color-neutral-200);--background-highlight-base:var(--color-primary-50);--background-neutral-hover:var(--color-neutral-100);--background-neutral-overlay:var(--color-neutral-0);--background-components-base:var(--color-neutral-50);--background-field-component:var(--color-neutral-0);--background-switch-off-hover:var(--color-neutral-300);--background-field-component-hover:var(--color-neutral-50);--background-subtle-base:var(--color-alpha-black-2);--background-neutral-disabled:var(--color-neutral-100);--background-field-hover:var(--color-neutral-100);--background-switch-off:var(--color-neutral-200);--background-contrast-subtle:var(--color-neutral-800);--background-contrast-hover:var(--color-neutral-800);--background-contrast-pressed:var(--color-neutral-700);--background-contrast-base:var(--color-neutral-900);--background-neutral-background:var(--color-neutral-50);--background-backdrop-backdrop:var(--color-alpha-black-64);--background-button-transparent-default:var(--color-alpha-white-0);--background-button-neutral-hover:var(--color-neutral-100);--background-button-danger-hover:var(--color-red-700);--background-button-success-hover:var(--color-green-700);--background-button-neutral-pressed:var(--color-neutral-200);--background-button-neutral-default:var(--color-neutral-0);--background-button-transparent-hover:var(--color-alpha-black-6);--background-button-inverted-pressed:var(--color-neutral-600);--background-button-transparent-pressed:var(--color-alpha-black-10);--background-button-danger-pressed:var(--color-red-800);--background-button-success-pressed:var(--color-green-800);--background-button-inverted-hover:var(--color-neutral-700);--background-button-danger-default:var(--color-red-600);--background-button-success-default:var(--color-green-600);--background-button-inverted-default:var(--color-neutral-800);--background-accent-neutral-soft:var(--color-neutral-600);--background-accent-neutral-strong:var(--color-neutral-500);--background-accent-neutral-white:var(--color-neutral-600);--background-accent-blue-soft:var(--color-blue-800);--background-accent-blue-base:var(--color-blue-500);--background-accent-blue-strong:var(--color-blue-500);--background-accent-purple-soft:var(--color-purple-800);--background-accent-purple-base:var(--color-purple-500);--background-accent-purple-strong:var(--color-purple-500);--background-accent-success-soft:var(--color-green-800);--background-accent-success-base:var(--color-green-500);--background-accent-success-strong:var(--color-green-500);--background-accent-warning-soft:var(--color-orange-800);--background-accent-warning-base:var(--color-orange-500);--background-accent-warning-strong:var(--color-orange-500);--background-accent-error-soft:var(--color-red-800);--background-accent-error-base:var(--color-red-500);--background-accent-error-strong:var(--color-red-500);--foreground-highlight-interactive-hover:var(--color-primary-500);--foreground-neutral-muted:var(--color-neutral-500);--foreground-neutral-base:var(--color-neutral-950);--foreground-neutral-subtle:var(--color-neutral-600);--foreground-highlight-interactive:var(--color-primary-400);--foreground-neutral-on-color:var(--color-neutral-0);--foreground-highlight-error:var(--color-red-600);--foreground-neutral-on-inverted:var(--color-neutral-0);--foreground-neutral-disabled:var(--color-neutral-400);--foreground-contrast-base:var(--color-neutral-900);--foreground-contrast-primary:var(--color-alpha-white-88);--foreground-contrast-secondary:var(--color-alpha-white-56);--border-neutral-transparent:var(--color-alpha-white-0);--border-neutral-menu-top:var(--color-neutral-200);--border-highlights-danger:var(--color-red-700);--border-highlights-interactive:var(--color-primary-500);--border-highlights-error:var(--color-red-600);--border-neutral-strong:var(--color-neutral-300);--border-neutral-menu-bottom:var(--color-neutral-0);--border-neutral-base-component:var(--color-neutral-300);--border-neutral-base:var(--color-neutral-300);--border-contrast-top:var(--color-neutral-900);--border-contrast-base:var(--color-alpha-white-16);--border-contrast-bottom:var(--color-alpha-white-8);--tag-blue-text:var(--color-blue-800);--tag-neutral-bg-hover:var(--color-neutral-200);--tag-error-bg-hover:var(--color-red-200);--tag-error-bg:var(--color-red-100);--tag-success-bg-hover:var(--color-green-200);--tag-error-border:var(--color-red-200);--tag-neutral-text:var(--color-neutral-600);--tag-warning-bg:var(--color-orange-100);--tag-error-icon:var(--color-red-500);--tag-error-text:var(--color-red-800);--tag-warning-icon:var(--color-orange-400);--tag-warning-text:var(--color-orange-800);--tag-success-bg:var(--color-green-100);--tag-success-border:var(--color-green-200);--tag-success-text:var(--color-green-800);--tag-purple-icon:var(--color-purple-500);--tag-neutral-icon:var(--color-neutral-500);--tag-success-icon:var(--color-green-500);--tag-purple-bg-hover:var(--color-purple-200);--tag-neutral-bg:var(--color-neutral-100);--tag-neutral-border:var(--color-neutral-200);--tag-blue-icon:var(--color-blue-500);--tag-purple-bg:var(--color-purple-100);--tag-blue-bg:var(--color-blue-100);--tag-blue-border:var(--color-blue-200);--tag-purple-border:var(--color-purple-200);--tag-warning-bg-hover:var(--color-orange-200);--tag-warning-border:var(--color-orange-200);--tag-purple-text:var(--color-purple-800);--tag-blue-bg-hover:var(--color-blue-200);--alpha-250:var(--color-alpha-black-10);--alpha-400:var(--color-alpha-black-24);--shadow-border-base:0 -1px 0 0 var(--color-alpha-white-6),0 0 0 1px var(--color-alpha-white-6),0 0 0 1px var(--color-neutral-800),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-border-interactive-with-active:0 0 0 1px #ff8b16,0 0 0 4px #ff310040;--shadow-border-error:0 0 0 1px #ff1f5a,0 0 0 3px #f6004340;--shadow-button-inverted:0 -1px 0 0 var(--color-alpha-white-12),0 0 0 1px var(--color-alpha-white-10),0 0 0 1px var(--color-neutral-600),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-inverted-focus:0 -1px 0 0 var(--color-alpha-white-12),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-neutral-600),0 0 0 2px var(--color-alpha-white-88),0 0 0 4px var(--color-primary-500);--shadow-button-neutral:0 0 0 1px var(--color-alpha-black-8),0 2px 4px 0 var(--color-alpha-black-8),0 4px 8px 0 var(--color-alpha-black-8);--shadow-button-neutral-focus:0 -1px 0 0 var(--color-alpha-white-6),0 0 0 1px var(--color-alpha-white-6),0 0 0 1px var(--color-alpha-black-8),0 0 0 2px var(--color-alpha-white-88),0 0 0 4px var(--color-primary-500);--shadow-button-danger:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-red-700),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-danger-focus:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-red-700),0 0 0 2px var(--color-alpha-white-88),0 0 0 4px var(--color-primary-500);--shadow-button-success:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-green-700),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-success-focus:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-green-700),0 0 0 2px var(--color-alpha-white-88),0 0 0 4px var(--color-primary-500);--checkbox-unchecked-bg:var(--background-components-base);--checkbox-unchecked-bg-hover:var(--background-components-hover);--checkbox-unchecked-border:var(--color-alpha-black-8);--checkbox-unchecked-shadow:0px 1px 2px 0px var(--color-alpha-black-12),0px 0px 0px 1px var(--color-alpha-black-8);--checkbox-unchecked-focus-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00,0px 0px 0px 2px var(--color-neutral-0),0px 0px 0px 4px #ff4b0099;--checkbox-checked-bg:var(--foreground-highlight-interactive);--checkbox-checked-bg-hover:var(--foreground-highlight-interactive-hover);--checkbox-checked-border:#ff4b00b0;--checkbox-checked-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00b0;--checkbox-checked-focus-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00,0px 0px 0px 2px var(--color-neutral-0),0px 0px 0px 4px #ff4b0099;--checkbox-indeterminate-bg:var(--foreground-highlight-interactive);--checkbox-indeterminate-bg-hover:var(--foreground-highlight-interactive-hover);--checkbox-indeterminate-border:#ff4b00b0;--checkbox-indeterminate-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00b0;--checkbox-indeterminate-focus-shadow:0px 0px 0px 1px var(--color-neutral-0),0px 0px 0px 3px #ff4b0099;--shadow-tooltip:0 0 0 1px var(--color-alpha-black-8),0 2px 4px 0 var(--color-alpha-black-8),0 4px 8px 0 var(--color-alpha-black-8);--shadow-separator-inset:inset 0 1px 0 0 #ffffff26,inset 0 -1px 0 0 #0000000f}.dark{--background-components-hover:var(--color-alpha-white-10);--background-neutral-base:var(--color-neutral-900);--background-components-pressed:var(--color-alpha-white-16);--background-subtle-pressed:var(--color-neutral-800);--background-highlight-interactive:var(--color-primary-400);--background-subtle-hover:var(--color-neutral-900);--background-highlight-hover:var(--color-primary-900);--background-field-base:var(--color-alpha-white-4);--background-neutral-pressed:var(--color-neutral-700);--background-highlight-base:var(--color-primary-950);--background-neutral-hover:var(--color-neutral-800);--background-neutral-overlay:var(--color-neutral-800);--background-components-base:var(--color-neutral-800);--background-field-component:var(--color-neutral-900);--background-switch-off-hover:var(--color-neutral-600);--background-field-component-hover:var(--color-neutral-800);--background-subtle-base:var(--color-neutral-950);--background-neutral-disabled:var(--color-neutral-800);--background-field-hover:var(--color-alpha-white-8);--background-switch-off:var(--color-neutral-700);--background-contrast-subtle:var(--color-alpha-white-2);--background-contrast-hover:var(--color-alpha-white-8);--background-contrast-pressed:var(--color-alpha-white-12);--background-contrast-base:var(--color-neutral-800);--background-neutral-background:var(--color-neutral-1000);--background-backdrop-backdrop:var(--color-alpha-black-64);--background-button-transparent-default:var(--color-alpha-white-0);--background-button-neutral-hover:var(--color-alpha-white-8);--background-button-danger-hover:var(--color-red-700);--background-button-success-hover:var(--color-green-700);--background-button-neutral-pressed:var(--color-alpha-white-12);--background-button-neutral-default:var(--color-alpha-white-4);--background-button-transparent-hover:var(--color-alpha-white-8);--background-button-inverted-pressed:var(--color-neutral-400);--background-button-transparent-pressed:var(--color-alpha-white-12);--background-button-danger-pressed:var(--color-red-600);--background-button-success-pressed:var(--color-green-600);--background-button-inverted-hover:var(--color-neutral-500);--background-button-danger-default:var(--color-red-800);--background-button-success-default:var(--color-green-800);--background-button-inverted-default:var(--color-neutral-600);--background-accent-neutral-soft:var(--color-neutral-300);--background-accent-neutral-strong:var(--color-neutral-400);--background-accent-neutral-white:var(--color-neutral-0);--background-accent-blue-soft:var(--color-blue-300);--background-accent-blue-base:var(--color-blue-400);--background-accent-blue-strong:var(--color-blue-500);--background-accent-purple-soft:var(--color-purple-300);--background-accent-purple-base:var(--color-purple-400);--background-accent-purple-strong:var(--color-purple-500);--background-accent-success-soft:var(--color-green-400);--background-accent-success-base:var(--color-green-500);--background-accent-success-strong:var(--color-green-600);--background-accent-warning-soft:var(--color-orange-300);--background-accent-warning-base:var(--color-orange-400);--background-accent-warning-strong:var(--color-orange-500);--background-accent-error-soft:var(--color-red-300);--background-accent-error-base:var(--color-red-400);--background-accent-error-strong:var(--color-red-500);--foreground-highlight-interactive-hover:var(--color-primary-300);--foreground-neutral-muted:var(--color-neutral-500);--foreground-neutral-base:var(--color-neutral-100);--foreground-neutral-subtle:var(--color-neutral-400);--foreground-highlight-interactive:var(--color-primary-400);--foreground-neutral-on-color:var(--color-neutral-0);--foreground-highlight-error:var(--color-red-400);--foreground-neutral-on-inverted:var(--color-neutral-950);--foreground-neutral-disabled:var(--color-neutral-600);--foreground-contrast-base:var(--color-neutral-800);--foreground-contrast-primary:var(--color-alpha-white-88);--foreground-contrast-secondary:var(--color-alpha-white-56);--border-neutral-transparent:var(--color-alpha-white-0);--border-neutral-menu-top:var(--color-neutral-900);--border-highlights-danger:var(--color-red-700);--border-highlights-interactive:var(--color-primary-400);--border-highlights-error:var(--color-red-400);--border-neutral-strong:var(--color-alpha-white-16);--border-neutral-menu-bottom:var(--color-alpha-white-8);--border-neutral-base-component:var(--color-alpha-white-10);--border-neutral-base:var(--color-neutral-800);--border-contrast-top:var(--color-neutral-950);--border-contrast-base:var(--color-alpha-white-16);--border-contrast-bottom:var(--color-alpha-white-10);--tag-blue-text:var(--color-blue-300);--tag-neutral-bg-hover:var(--color-neutral-600);--tag-error-bg-hover:var(--color-red-900);--tag-error-bg:var(--color-red-950);--tag-success-bg-hover:var(--color-green-900);--tag-error-border:var(--color-red-900);--tag-neutral-text:var(--color-neutral-300);--tag-warning-bg:var(--color-orange-950);--tag-error-icon:var(--color-red-400);--tag-error-text:var(--color-red-300);--tag-warning-icon:var(--color-orange-400);--tag-warning-text:var(--color-orange-300);--tag-success-bg:var(--color-green-950);--tag-success-border:var(--color-green-900);--tag-success-text:var(--color-green-400);--tag-purple-icon:var(--color-purple-400);--tag-neutral-icon:var(--color-neutral-400);--tag-success-icon:var(--color-green-500);--tag-purple-bg-hover:var(--color-purple-800);--tag-neutral-bg:var(--color-neutral-700);--tag-neutral-border:var(--color-alpha-white-10);--tag-blue-icon:var(--color-blue-400);--tag-purple-bg:var(--color-purple-950);--tag-blue-bg:var(--color-blue-950);--tag-blue-border:var(--color-blue-900);--tag-purple-border:var(--color-purple-800);--tag-warning-bg-hover:var(--color-orange-900);--tag-warning-border:var(--color-orange-900);--tag-purple-text:var(--color-purple-300);--tag-blue-bg-hover:var(--color-blue-900);--alpha-250:var(--color-alpha-white-10);--alpha-400:var(--color-alpha-white-24);--shadow-border-base:0 -1px 0 0 var(--color-alpha-white-6),0 0 0 1px var(--color-alpha-white-6),0 0 0 1px var(--color-neutral-800),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-border-interactive-with-active:0 0 0 1px #ff8b16,0 0 0 4px #ff310040;--shadow-border-error:0 0 0 1px #ff1f5a,0 0 0 3px #f6004340;--shadow-button-inverted:0 -1px 0 0 var(--color-alpha-white-12),0 0 0 1px var(--color-alpha-white-10),0 0 0 1px var(--color-neutral-600),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-inverted-focus:0 -1px 0 0 var(--color-alpha-white-12),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-neutral-600),0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-primary-500);--shadow-button-neutral:0 -1px 0 0 var(--color-alpha-white-4),0 2px 4px 0 var(--color-alpha-black-40),0 0 0 1px var(--color-alpha-white-10),0 4px 8px 0 var(--color-alpha-black-40);--shadow-button-neutral-focus:0 -1px 0 0 var(--color-alpha-white-6),0 0 0 1px var(--color-alpha-white-6),0 0 0 1px var(--color-neutral-800),0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-primary-500);--shadow-button-danger:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-red-700),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-danger-focus:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-red-700),0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-primary-500);--shadow-button-success:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-green-700),0 0 1px 1.5px var(--color-alpha-black-24),0 2px 2px 0 var(--color-alpha-black-24);--shadow-button-success-focus:0 -1px 0 0 var(--color-alpha-white-16),0 0 0 1px var(--color-alpha-white-12),0 0 0 1px var(--color-green-700),0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-primary-500);--checkbox-unchecked-bg:var(--background-components-base);--checkbox-unchecked-bg-hover:var(--background-components-hover);--checkbox-unchecked-border:var(--color-alpha-white-10);--checkbox-unchecked-shadow:0px 1px 2px 0px var(--color-alpha-black-12),0px 0px 0px 1px var(--color-alpha-white-10);--checkbox-unchecked-focus-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00,0px 0px 0px 2px var(--color-alpha-black-80),0px 0px 0px 4px #ff4b0099;--checkbox-checked-bg:var(--foreground-highlight-interactive);--checkbox-checked-bg-hover:var(--foreground-highlight-interactive-hover);--checkbox-checked-border:#ff4b00b0;--checkbox-checked-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00b0;--checkbox-checked-focus-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00,0px 0px 0px 2px var(--color-alpha-black-80),0px 0px 0px 4px #ff4b0099;--checkbox-indeterminate-bg:var(--foreground-highlight-interactive);--checkbox-indeterminate-bg-hover:var(--foreground-highlight-interactive-hover);--checkbox-indeterminate-border:#ff4b00b0;--checkbox-indeterminate-shadow:0px 1px 2px 0px #1e3a8a80,0px 0px 0px 1px #ff4b00b0;--checkbox-indeterminate-focus-shadow:0px 0px 0px 1px var(--color-alpha-black-80),0px 0px 0px 3px #ff4b0099;--shadow-tooltip:0 -1px 0 0 var(--color-alpha-white-4),0 2px 4px 0 var(--color-alpha-black-40),0 0 0 1px var(--color-alpha-white-10),0 4px 8px 0 var(--color-alpha-black-40);--shadow-separator-inset:inset 0 1px 0 0 #ffffff0f,inset 0 -1px 0 0 #0000001a}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-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-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 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))}}

package/index.css

@@ -192,7 +192,7 @@
   --background-contrast-pressed: var(--color-neutral-700);
   --background-contrast-base: var(--color-neutral-900);
   --background-neutral-background: var(--color-neutral-50);
-  --background-backdrop-backdrop: var(--color-neutral-0);
+  --background-backdrop-backdrop: var(--color-alpha-black-64);
 
   /* Button Background */
   --background-button-transparent-default: var(--color-alpha-white-0);

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@shipfox/react-ui",
   "license": "MIT",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "style": "dist/styles.css",
   "type": "module",
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -32,7 +33,8 @@
     "recharts": "^3.1.0",
     "shiki": "^3.15.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.2.0"
+    "tailwind-merge": "^3.2.0",
+    "vaul": "^1.1.1"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.19.3",
@@ -57,24 +59,26 @@
     "@types/react": "^19.1.11",
     "@vitejs/plugin-react": "^5.0.4",
     "date-fns": "^4.1.0",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.0.0",
     "storybook": "^9.1.8",
     "storybook-addon-pseudo-states": "^9.1.8",
     "tailwindcss": "^4.1.13",
     "tw-animate-css": "^1.4.0",
+    "vite": "^7.1.7",
     "vitest": "^4.0.8",
     "playwright": "^1.56.1",
     "@vitest/browser-playwright": "^4.0.8",
     "@vitest/coverage-v8": "^4.0.8",
-    "@shipfox/biome": "1.3.1",
-    "@shipfox/swc": "1.2.1",
+    "@shipfox/biome": "1.4.0",
+    "@shipfox/swc": "1.2.2",
     "@shipfox/ts-config": "1.3.5",
     "@shipfox/typescript": "1.1.2",
     "@shipfox/vite": "1.2.2",
-    "@shipfox/vitest": "1.1.3"
+    "@shipfox/vitest": "1.2.0"
   },
   "scripts": {
-    "build": "swc",
+    "build": "swc && pnpm run build:css",
+    "build:css": "vite build --config vite.css.config.ts && rm -f dist/css-entry.js dist/css-entry.js.map",
     "check": "biome-check",
     "storybook": "storybook dev",
     "storybook:build": "storybook build -o storybook-static",

package/src/build-css-entry.ts

@@ -0,0 +1,3 @@
+// This file is only used for building CSS
+// It imports the CSS file which Vite will process and bundle
+import '../index.css';

package/src/components/code-block/code-block-footer.tsx

@@ -1,5 +1,6 @@
 import {Slot} from '@radix-ui/react-slot';
 import {Icon} from 'components/icon/icon';
+import {Text} from 'components/typography';
 import type {ComponentProps, HTMLAttributes, ReactNode} from 'react';
 import {cn} from 'utils/cn';
 
@@ -53,22 +54,12 @@ export function CodeBlockFooter({
       className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}
       {...props}
     >
-      <div className="flex shrink-0 items-center justify-center size-20 text-tag-success-icon">
-        {defaultIcon}
-      </div>
+      <CodeBlockFooterIcon className="text-tag-success-icon">{defaultIcon}</CodeBlockFooterIcon>
       {(message || description) && (
-        <div className="flex flex-col items-start justify-center gap-0">
-          {message && (
-            <div className="overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base">
-              {message}
-            </div>
-          )}
-          {description && (
-            <div className="overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle">
-              {description}
-            </div>
-          )}
-        </div>
+        <CodeBlockFooterContent>
+          {message && <CodeBlockFooterMessage>{message}</CodeBlockFooterMessage>}
+          {description && <CodeBlockFooterDescription>{description}</CodeBlockFooterDescription>}
+        </CodeBlockFooterContent>
       )}
     </Comp>
   );
@@ -112,7 +103,7 @@ export function CodeBlockFooterContent({
   return (
     <Comp
       data-slot="code-block-footer-content"
-      className={cn('flex flex-col items-start justify-center gap-0', className)}
+      className={cn('flex flex-col items-start justify-center gap-0 min-w-0 flex-1', className)}
       {...props}
     >
       {children}
@@ -130,19 +121,27 @@ export function CodeBlockFooterMessage({
   children,
   ...props
 }: CodeBlockFooterMessageProps) {
-  const Comp = asChild ? Slot : 'div';
+  if (asChild) {
+    return (
+      <Slot
+        data-slot="code-block-footer-message"
+        className={cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs', className)}
+        {...props}
+      >
+        {children}
+      </Slot>
+    );
+  }
 
   return (
-    <Comp
+    <Text
       data-slot="code-block-footer-message"
-      className={cn(
-        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base',
-        className,
-      )}
+      size="xs"
+      className={cn('overflow-hidden text-ellipsis whitespace-nowrap', className)}
       {...props}
     >
       {children}
-    </Comp>
+    </Text>
   );
 }
 
@@ -156,18 +155,26 @@ export function CodeBlockFooterDescription({
   children,
   ...props
 }: CodeBlockFooterDescriptionProps) {
-  const Comp = asChild ? Slot : 'div';
+  if (asChild) {
+    return (
+      <Slot
+        data-slot="code-block-footer-description"
+        className={cn('text-xs text-foreground-neutral-subtle', className)}
+        {...props}
+      >
+        {children}
+      </Slot>
+    );
+  }
 
   return (
-    <Comp
+    <Text
       data-slot="code-block-footer-description"
-      className={cn(
-        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle',
-        className,
-      )}
+      size="xs"
+      className={cn('text-foreground-neutral-subtle', className)}
       {...props}
     >
       {children}
-    </Comp>
+    </Text>
   );
 }

package/src/components/dynamic-item/dynamic-item.stories.tsx

@@ -1,6 +1,7 @@
 import type {Meta, StoryObj} from '@storybook/react';
 import {Button} from 'components/button/button';
 import {ItemTitle} from 'components/item';
+import {MovingBorder} from 'components/moving-border';
 import {cn} from 'utils/cn';
 import illustration1 from '../../assets/illustration-1.svg';
 import illustration2 from '../../assets/illustration-2.svg';
@@ -8,7 +9,6 @@ import illustrationBg from '../../assets/illustration-gradient.svg';
 import {Avatar} from '../avatar/avatar';
 import {AvatarGroup, AvatarGroupTooltip} from '../avatar/avatar-group';
 import {Icon} from '../icon/icon';
-import {MovingBorder} from '../moving-border/moving-border';
 import {DynamicItem} from './dynamic-item';
 
 const meta = {

package/src/components/icon/icon.tsx

@@ -2,6 +2,7 @@ import {
   type RemixiconComponentType,
   RiAddLine,
   RiArrowRightSLine,
+  RiBookOpenFill,
   RiCheckLine,
   RiCloseLine,
   RiFileCopyLine,
@@ -60,6 +61,7 @@ const iconsMap = {
   copy: RiFileCopyLine,
   addLine: RiAddLine,
   chevronRight: RiArrowRightSLine,
+  bookOpen: RiBookOpenFill,
 } as const satisfies Record<string, RemixiconComponentType>;
 
 export type IconName = keyof typeof iconsMap;

package/src/components/index.ts

@@ -10,6 +10,7 @@ export * from './inline-tips';
 export * from './input';
 export * from './item';
 export * from './label';
+export * from './modal';
 export * from './textarea';
 export * from './theme';
 export * from './toast';

package/src/components/modal/index.ts

@@ -0,0 +1,23 @@
+export type {
+  ModalContentProps,
+  ModalDescriptionProps,
+  ModalHeaderProps,
+  ModalOverlayProps,
+  ModalTitleProps,
+} from './modal';
+export {
+  Modal,
+  ModalBody,
+  ModalClose,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalOverlay,
+  ModalPortal,
+  ModalTitle,
+  ModalTrigger,
+  modalContentVariants,
+  modalDefaultTransition,
+  modalOverlayVariants,
+} from './modal';