@noya-app/noya-designsystem 0.1.59 → 0.1.61

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-ESM dist/index.mjs     378.24 KB
-ESM dist/index.mjs.map 786.16 KB
-ESM ⚡️ Build success in 198ms
-CJS dist/index.js     400.76 KB
-CJS dist/index.js.map 786.00 KB
-CJS ⚡️ Build success in 199ms
+CJS dist/index.js     400.30 KB
+CJS dist/index.js.map 785.66 KB
+CJS ⚡️ Build success in 183ms
+ESM dist/index.mjs     377.85 KB
+ESM dist/index.mjs.map 785.79 KB
+ESM ⚡️ Build success in 183ms
 DTS Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
 
 Rebuilding...
 
-Done in 552ms.
+Done in 1369ms.
 
-DTS ⚡️ Build success in 6309ms
-DTS dist/index.d.ts  96.96 KB
-DTS dist/index.d.mts 96.96 KB
+DTS ⚡️ Build success in 12337ms
+DTS dist/index.d.ts  97.67 KB
+DTS dist/index.d.mts 97.67 KB

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @noya-app/noya-designsystem
 
+## 0.1.61
+
+### Patch Changes
+
+- 9ab51d3: Bump versions
+- Updated dependencies [9ab51d3]
+  - @noya-app/noya-tailwind-config@0.1.4
+  - @noya-app/noya-geometry@0.1.12
+  - @noya-app/noya-colorpicker@0.1.25
+
+## 0.1.60
+
+### Patch Changes
+
+- @noya-app/noya-colorpicker@0.1.24
+
 ## 0.1.59
 
 ### Patch Changes

package/dist/index.css

@@ -1 +1 @@
-:root{--n-primary-900:#2d195f;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-input-background:var(--n-indigo-100);--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:32px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-200);--n-selected-list-item-icon-background:var(--n-primary-900);--n-secondary-bright:#36fe91;--n-input-background:rgba(181,178,255,.08);--n-input-background-light:rgba(181,178,255,.1);--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-\[33px\]{min-height:33px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[550px\]{max-width:550px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .origin-center{transform-origin:center}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.60\],.noya-styles .scale-\[0\.75\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .flex-nowrap{flex-wrap:nowrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-y-2{border-top-width:2px;border-bottom-width:2px}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-0\.5{padding-left:.125rem;padding-right:.125rem}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .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)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.last\:border-r-0:last-child{border-right-width:0}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--n-primary)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.group:focus .group-focus\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-primary-pastel{--tw-ring-color:var(--n-primary-pastel)}.group:focus .group-focus\:ring-offset-2{--tw-ring-offset-width:2px}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-b-primary[aria-checked=true]{border-bottom-color:var(--n-primary)}.aria-checked\:border-r-transparent[aria-checked=true]{border-right-color:transparent}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--n-background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:text-primary[aria-checked=true]{color:var(--n-primary)}.aria-checked\:text-text[aria-checked=true]{color:var(--n-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+[aria-checked=true]){border-right-color:transparent}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
+:root{--n-primary-900:#2d195f;--n-primary-800:#40278c;--n-primary-700:#5f44be;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-primary-50:#f3f2ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background:var(--n-indigo-100);--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-button-background:var(--n-input-background);--n-button-background-hover:var(--n-input-background-light);--n-button-background-active:var(--n-primary-100);--n-button-background-active-hover:var(--n-primary-50);--n-button-text:var(--n-text);--n-button-text-active:var(--n-primary);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:32px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-segmented-control-item-active-background:var(--n-background);--n-segmented-control-item-active-text:var(--n-text);--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-icon:var(--n-text-muted);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-100);--n-selected-list-item-icon-background:var(--n-primary-900);--n-button-background-active:var(--n-primary-900);--n-button-background-active-hover:var(--n-primary-800);--n-button-text:var(--n-text);--n-button-text-active:var(--n-primary-100);--n-secondary-bright:#36fe91;--n-input-background:#2d2b36;--n-input-background-light:#3c3a46;--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-segmented-control-item-active-text:var(--n-text);--n-segmented-control-item-active-background:var(--n-input-background-light);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-12{height:3rem}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[21px\]{height:21px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[3px\]{height:3px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-\[33px\]{min-height:33px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-12{width:3rem}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[550px\]{max-width:550px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .origin-center{transform-origin:center}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.60\],.noya-styles .scale-\[0\.75\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-ew-resize{cursor:ew-resize}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .flex-nowrap{flex-wrap:nowrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.noya-styles .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-y-2{border-top-width:2px;border-bottom-width:2px}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-button-background{background-color:var(--n-button-background)}.noya-styles .bg-button-background-active{background-color:var(--n-button-background-active)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-0\.5{padding-left:.125rem;padding-right:.125rem}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-button-text{color:var(--n-button-text)}.noya-styles .text-button-text-active{color:var(--n-button-text-active)}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sliderThumb{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sliderThumb{--tw-shadow:0 0px 1px 0px rgba(0,0,0,.5),0 1px 2px 0px rgba(0,0,0,.25);--tw-shadow-colored:0 0px 1px 0px var(--tw-shadow-color),0 1px 2px 0px var(--tw-shadow-color)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .outline-2{outline-width:2px}.noya-styles .outline-offset-\[0px\]{outline-offset:0}.noya-styles .outline-background{outline-color:var(--n-background)}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .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)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.last\:border-r-0:last-child{border-right-width:0}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-button-background-active-hover:hover{background-color:var(--n-button-background-active-hover)}.hover\:bg-button-background-hover:hover{background-color:var(--n-button-background-hover)}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-primary:focus{outline-color:var(--n-primary)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-button-background-active:active{background-color:var(--n-button-background-active)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.group:focus .group-focus\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-primary-pastel{--tw-ring-color:var(--n-primary-pastel)}.group:focus .group-focus\:ring-offset-2{--tw-ring-offset-width:2px}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-b-primary[aria-checked=true]{border-bottom-color:var(--n-primary)}.aria-checked\:border-r-transparent[aria-checked=true]{border-right-color:transparent}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:bg-segmented-control-item-active-background[aria-checked=true]{background-color:var(--n-segmented-control-item-active-background)}.aria-checked\:text-primary[aria-checked=true]{color:var(--n-primary)}.aria-checked\:text-segmented-control-item-active-text[aria-checked=true]{color:var(--n-segmented-control-item-active-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+[aria-checked=true]){border-right-color:transparent}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}

package/dist/index.d.mts

@@ -260,6 +260,12 @@ declare const cssVars: {
         breadcrumbText: string;
         breadcrumbTextHover: string;
         breadcrumbIcon: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundActiveHover: string;
+        buttonText: string;
+        buttonTextActive: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -270,6 +276,8 @@ declare const cssVars: {
         sliderThumbBackground: string;
         sliderBorder: string;
         segmentedControlItem: string;
+        segmentedControlItemActiveBackground: string;
+        segmentedControlItemActiveText: string;
         mask: string;
         transparentChecker: string;
         scrollbar: string;
@@ -420,6 +428,7 @@ declare const cssVars: {
         popover: string;
         activeInput: string;
         segment: string;
+        sliderThumb: string;
     };
 };
 declare const cssVarNames: {
@@ -452,6 +461,12 @@ declare const cssVarNames: {
         breadcrumbText: string;
         breadcrumbTextHover: string;
         breadcrumbIcon: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundActiveHover: string;
+        buttonText: string;
+        buttonTextActive: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -462,6 +477,8 @@ declare const cssVarNames: {
         sliderThumbBackground: string;
         sliderBorder: string;
         segmentedControlItem: string;
+        segmentedControlItemActiveBackground: string;
+        segmentedControlItemActiveText: string;
         mask: string;
         transparentChecker: string;
         scrollbar: string;
@@ -612,6 +629,7 @@ declare const cssVarNames: {
         popover: string;
         activeInput: string;
         segment: string;
+        sliderThumb: string;
     };
 };
 declare const INPUT_HEIGHT = 27;
@@ -1013,7 +1031,7 @@ interface CollectionProps<T, M extends string = string> {
     sortableId?: string;
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
-type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
+type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "mediumLarge" | "large" | "xl";
 
 type ColorSwatchSize = "xsmall" | "small" | "medium" | "large";
 declare const colorSwatchSizeMap: {

package/dist/index.d.ts

@@ -260,6 +260,12 @@ declare const cssVars: {
         breadcrumbText: string;
         breadcrumbTextHover: string;
         breadcrumbIcon: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundActiveHover: string;
+        buttonText: string;
+        buttonTextActive: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -270,6 +276,8 @@ declare const cssVars: {
         sliderThumbBackground: string;
         sliderBorder: string;
         segmentedControlItem: string;
+        segmentedControlItemActiveBackground: string;
+        segmentedControlItemActiveText: string;
         mask: string;
         transparentChecker: string;
         scrollbar: string;
@@ -420,6 +428,7 @@ declare const cssVars: {
         popover: string;
         activeInput: string;
         segment: string;
+        sliderThumb: string;
     };
 };
 declare const cssVarNames: {
@@ -452,6 +461,12 @@ declare const cssVarNames: {
         breadcrumbText: string;
         breadcrumbTextHover: string;
         breadcrumbIcon: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundActive: string;
+        buttonBackgroundActiveHover: string;
+        buttonText: string;
+        buttonTextActive: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -462,6 +477,8 @@ declare const cssVarNames: {
         sliderThumbBackground: string;
         sliderBorder: string;
         segmentedControlItem: string;
+        segmentedControlItemActiveBackground: string;
+        segmentedControlItemActiveText: string;
         mask: string;
         transparentChecker: string;
         scrollbar: string;
@@ -612,6 +629,7 @@ declare const cssVarNames: {
         popover: string;
         activeInput: string;
         segment: string;
+        sliderThumb: string;
     };
 };
 declare const INPUT_HEIGHT = 27;
@@ -1013,7 +1031,7 @@ interface CollectionProps<T, M extends string = string> {
     sortableId?: string;
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
-type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
+type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "mediumLarge" | "large" | "xl";
 
 type ColorSwatchSize = "xsmall" | "small" | "medium" | "large";
 declare const colorSwatchSizeMap: {

package/dist/index.js

@@ -452,6 +452,7 @@ var import_react8 = require("react");
 
 // ../noya-react-utils/src/hooks/useIsomorphicLayoutEffect.ts
 var React5 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React5.useLayoutEffect : React5.useEffect;
 
 // ../noya-react-utils/src/hooks/useLateReference.ts
 var import_react9 = require("react");
@@ -528,7 +529,7 @@ var noop2 = () => {
 };
 function useStableCallback(callback) {
   const callbackRef = (0, import_react16.useRef)(callback || noop2);
-  (0, import_react16.useLayoutEffect)(() => {
+  useIsomorphicLayoutEffect(() => {
     callbackRef.current = callback || noop2;
   }, [callback]);
   return (0, import_react16.useCallback)(
@@ -946,7 +947,7 @@ var Tooltip = React10.memo(function Tooltip2({
 
 // src/components/Button.tsx
 var variantStyles = {
-  normal: "bg-input-background text-text hover:bg-input-background-light active:bg-active-background min-w-[31px]",
+  normal: "bg-button-background text-button-text hover:bg-button-background-hover active:bg-button-background-active min-w-[31px]",
   primary: "bg-primary text-white hover:bg-primary-light active:bg-primary min-w-[31px]",
   secondary: "bg-secondary text-white hover:bg-secondary-light active:bg-secondary min-w-[31px]",
   secondaryBright: "bg-[#0ab557] text-white hover:opacity-80 active:opacity-90",
@@ -984,7 +985,7 @@ var Button = (0, import_react20.forwardRef)(function Button2({
     "no-underline leading-[1] relative border-0 outline-none select-none text-left rounded flex items-center justify-center [&>*]:pointer-events-none [-webkit-app-region:no-drag] focus:ring-2 focus:ring-primary focus:shadow-[0_0_0_1px_var(--n-popover-background)_inset] transition-all",
     disabled ? "opacity-25" : "",
     !className?.includes("flex") ? "flex-none" : "",
-    active ? "bg-primary-pastel text-primary hover:bg-primary-pastel-light min-w-[31px]" : variantStyles[variant],
+    active ? "bg-button-background-active text-button-text-active hover:bg-button-background-active-hover min-w-[31px]" : variantStyles[variant],
     sizeStyles[variant === "thin" ? "thin" : variant === "floating" && size2 !== "small" ? "floating" : variant === "none" ? "none" : size2]
   );
   const buttonClassName = (0, import_react20.useMemo)(() => {
@@ -3557,7 +3558,7 @@ var colorSchemeStyles = {
   secondary: "text-secondary"
 };
 var Checkbox = React37.memo(
-  React37.forwardRef(function Checkbox2({ className, style: style2, colorScheme = "secondary", ...props }, ref) {
+  React37.forwardRef(function Checkbox2({ className, style: style2, colorScheme = "primary", ...props }, ref) {
     const { fieldId: id } = useLabel({ fieldId: props.id });
     return /* @__PURE__ */ React37.createElement(
       "div",
@@ -3582,10 +3583,10 @@ var Checkbox = React37.memo(
             m-0
             rounded
             bg-input-background
-            
             border
             border-divider
             disabled:opacity-50
+            cursor-pointer
             disabled:cursor-not-allowed
             focus:ring-2
             focus:ring-primary
@@ -4362,6 +4363,10 @@ var getGridSize = (size2) => {
       minColumnWidth: "220px",
       gap: 30
     },
+    mediumLarge: {
+      minColumnWidth: "250px",
+      gap: 35
+    },
     large: {
       minColumnWidth: "280px",
       gap: 40
@@ -6251,6 +6256,7 @@ var pyMap = {
   xs: "py-0.5",
   small: "py-0.5",
   medium: "py-1",
+  mediumLarge: "py-1.5",
   large: "py-2",
   xl: "py-3"
 };
@@ -6259,6 +6265,7 @@ var thumbnailSizeMap = {
   xs: "w-5 h-5",
   small: "w-5 h-5",
   medium: "w-8 h-8",
+  mediumLarge: "w-12 h-12",
   large: "w-16 h-16",
   xl: "w-24 h-24"
 };
@@ -6267,6 +6274,7 @@ var rowGapMap = {
   xs: "gap-2",
   small: "gap-2",
   medium: "gap-3",
+  mediumLarge: "gap-3",
   large: "gap-3",
   xl: "gap-4"
 };
@@ -6275,6 +6283,7 @@ var fontStyleMap = {
   xs: "font-medium text-list-small",
   small: "font-medium text-list-small",
   medium: "font-medium",
+  mediumLarge: "font-medium",
   large: "font-medium",
   xl: "font-medium text-heading4 text-text"
 };
@@ -7219,11 +7228,8 @@ var Divider = (0, import_react61.memo)(function Divider2({
     "div",
     {
       className: cx(
-        `
-        h-px min-h-px
-        ${variant === "strong" ? "bg-divider-strong" : variant === "subtle" ? "bg-divider-subtle" : "bg-divider"}
-        self-stretch
-      `,
+        `h-px min-h-px self-stretch`,
+        variant === "strong" ? "bg-divider-strong" : variant === "subtle" ? "bg-divider-subtle" : "bg-divider",
         className
       ),
       style: {
@@ -7245,12 +7251,11 @@ var DividerVertical = (0, import_react61.memo)(function DividerVertical2({
   return /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
-      className: cx(`
-        w-px min-w-px
-        ${variant === "strong" ? "bg-divider-strong" : variant === "subtle" ? "bg-divider-subtle" : "bg-divider"}
-        self-stretch
-        ${className}
-      `),
+      className: cx(
+        `w-px min-w-px self-stretch`,
+        variant === "strong" ? "bg-divider-strong" : variant === "subtle" ? "bg-divider-subtle" : "bg-divider",
+        className
+      ),
       style: {
         marginTop: `-${overflow}px`,
         marginBottom: `-${overflow}px`,
@@ -11299,6 +11304,7 @@ var iconSizeMap = {
   xs: 12,
   small: 12,
   medium: "max(15px, 20%)",
+  mediumLarge: "max(15px, 20%)",
   large: "max(15px, 20%)",
   xl: "max(15px, 20%)"
 };
@@ -11547,7 +11553,7 @@ var SegmentedControlItem = (0, import_react79.forwardRef)(function SegmentedCont
         "font-sans text-button relative flex-1 appearance-none text-segmented-control-item focus:outline-none transition-colors",
         variant === "tabs" ? "font-semibold" : "font-normal",
         variant === "tabs" ? "" : colorScheme === "secondary" ? "focus:ring-2 focus:ring-secondary focus:ring-offset-1" : "focus:ring-2 focus:ring-primary focus:ring-offset-1",
-        variant === "tabs" ? "aria-checked:text-primary" : colorScheme === "secondary" ? "aria-checked:bg-secondary aria-checked:text-white" : colorScheme === "primary" ? "aria-checked:bg-primary aria-checked:text-white" : "aria-checked:bg-background aria-checked:text-text",
+        variant === "tabs" ? "aria-checked:text-primary" : colorScheme === "secondary" ? "aria-checked:bg-secondary aria-checked:text-white" : colorScheme === "primary" ? "aria-checked:bg-primary aria-checked:text-white" : "aria-checked:bg-segmented-control-item-active-background aria-checked:text-segmented-control-item-active-text",
         "focus:z-interactable",
         variant === "default" ? "px-1 rounded aria-checked:shadow-segment" : "px-1.5 border-y-2 border-y-transparent aria-checked:border-b-primary",
         variant === "default" && "border-r border-divider last:border-r-0 aria-checked:border-r-transparent [&:has(+[aria-checked=true])]:border-r-transparent",
@@ -11657,7 +11663,8 @@ var SelectionToolbarContainer = (0, import_react80.memo)(
           zIndex: 1e3,
           opacity: size2 ? 1 : 0,
           transition: "opacity 0.2s ease-in-out",
-          ["--n-input-background"]: "transparent"
+          [cssVarNames.colors.inputBackground]: "transparent",
+          [cssVarNames.colors.buttonBackground]: "transparent"
         }
       },
       /* @__PURE__ */ import_react80.default.createElement(
@@ -11851,7 +11858,6 @@ var THUMB_WIDTH = 8;
 var thumbStyle = {
   width: THUMB_WIDTH
 };
-var insetEndStyles2 = getInsetEndStyles();
 var Slider = (0, import_react82.memo)(function Slider2({
   style: style2,
   className,
@@ -11870,37 +11876,16 @@ var Slider = (0, import_react82.memo)(function Slider2({
     () => [Math.min(Math.max(value, min), max)],
     [value, min, max]
   );
-  const { label, fieldId: id } = useLabel({
-    label: props.label,
+  const { fieldId: id } = useLabel({
     fieldId: props.id
   });
-  const labelPosition = useLabelPosition();
   const handleValueChange = (0, import_react82.useCallback)(
     (arrayValue2) => {
       onValueChange(arrayValue2[0]);
     },
     [onValueChange]
   );
-  const percentage = (0, import_react82.useMemo)(() => {
-    const rawPercent = (arrayValue[0] - min) / (max - min);
-    const adjustedPercent = rawPercent * (100 - THUMB_WIDTH * 100 / 300) + THUMB_WIDTH * 50 / 300;
-    return {
-      raw: rawPercent * 100,
-      adjusted: adjustedPercent
-    };
-  }, [arrayValue, min, max]);
-  const trackFillStyle = (0, import_react82.useMemo)(
-    () => ({
-      clipPath: `inset(0 ${100 - percentage.adjusted}% 0 0)`
-    }),
-    [percentage.adjusted]
-  );
-  const labelStyle = (0, import_react82.useMemo)(
-    () => ({
-      clipPath: `inset(0 ${100 - percentage.raw}% 0 0)`
-    }),
-    [percentage.raw]
-  );
+  const ratio = (arrayValue[0] - min) / (max - min);
   return /* @__PURE__ */ import_react82.default.createElement(
     RadixSlider.Root,
     {
@@ -11911,7 +11896,7 @@ var Slider = (0, import_react82.memo)(function Slider2({
       value: arrayValue,
       onValueChange: handleValueChange,
       className: cx(
-        "flex relative items-center select-none touch-none h-input-height rounded overflow-hidden flex-grow max-h-input-height",
+        "flex relative items-center select-none touch-none h-input-height rounded flex-grow max-h-input-height cursor-pointer",
         className
       ),
       style: style2,
@@ -11919,24 +11904,33 @@ var Slider = (0, import_react82.memo)(function Slider2({
       onBlur,
       disabled: readOnly
     },
-    /* @__PURE__ */ import_react82.default.createElement(RadixSlider.Track, { className: "flex-grow h-full rounded overflow-hidden bg-input-background" }, label && labelPosition === "inset" && /* @__PURE__ */ import_react82.default.createElement("div", { className: insetEndStyles2 }, /* @__PURE__ */ import_react82.default.createElement(Label, { htmlFor: id, className: "text-text-disabled" }, label)), /* @__PURE__ */ import_react82.default.createElement(
+    /* @__PURE__ */ import_react82.default.createElement("div", { className: "relative flex-grow h-[3px] overflow-hidden" }, /* @__PURE__ */ import_react82.default.createElement(
       "div",
       {
-        style: trackFillStyle,
-        className: cx(
-          "absolute inset-0 w-full h-full rounded overflow-hidden bg-primary-pastel",
-          colorScheme === "primary" && "bg-primary",
-          colorScheme === "secondary" && "bg-secondary"
-        )
+        className: "absolute h-full rounded-l bg-primary",
+        style: {
+          left: 0,
+          width: `calc(${ratio * 100}% - ${ratio * 8}px - 2px)`
+        }
+      }
+    ), /* @__PURE__ */ import_react82.default.createElement(
+      "div",
+      {
+        className: "absolute h-full rounded-r bg-input-background",
+        style: {
+          right: 0,
+          width: `calc(100% - ${ratio * 100}% + ${ratio * 8}px - 10px)`
+        }
       }
     )),
-    label && labelPosition === "inset" && colorScheme !== void 0 && /* @__PURE__ */ import_react82.default.createElement("div", { className: insetEndStyles2 }, /* @__PURE__ */ import_react82.default.createElement(Label, { className: "text-white overflow-hidden", style: labelStyle }, label)),
     /* @__PURE__ */ import_react82.default.createElement(
       RadixSlider.Thumb,
       {
         style: thumbStyle,
         className: cx(
-          "block h-input-height rounded border border-solid bg-slider-thumb-background transition-colors focus:border-primary focus:border-2 outline-none",
+          "block h-[21px] rounded-sm bg-slider-thumb-background shadow-sliderThumb transition-colors focus:outline-primary focus:outline-2",
+          "cursor-ew-resize",
+          // "outline-none outline outline-2 outline-offset-[0px] outline-background",
           colorScheme === void 0 && "border-slider-border",
           colorScheme === "primary" && "border-primary",
           colorScheme === "secondary" && "border-secondary"
@@ -12926,6 +12920,7 @@ var LabeledRow = (0, import_react90.memo)(function LabeledRow2({
 // src/components/BaseToolbar.tsx
 var import_react91 = __toESM(require("react"));
 var toolbarStyle = {
+  [cssVarNames.colors.buttonBackground]: "transparent",
   [cssVarNames.colors.inputBackground]: "transparent"
 };
 function BaseToolbar({