@bitrix24/b24ui-nuxt 2.1.15 → 2.1.16

package/dist/meta.d.mts

@@ -2983,7 +2983,7 @@ var B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "RqzFKJKbeO8uXKOBWOc_GXDU80qklCdkFk7cWV4Mt2M"
+      "hash": "lqBfC0KmfXQZp54eqwvsEExKBHY3AHN1Um2AIA-iX0k"
     }
   },
   "ProseScript": {

package/dist/meta.mjs

@@ -2983,7 +2983,7 @@ const B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "RqzFKJKbeO8uXKOBWOc_GXDU80qklCdkFk7cWV4Mt2M"
+      "hash": "lqBfC0KmfXQZp54eqwvsEExKBHY3AHN1Um2AIA-iX0k"
     }
   },
   "ProseScript": {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.1.15",
+  "version": "2.1.16",
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
   "configKey": "b24ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.BYDi-4ID.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.DdKajqQs.mjs';
 import 'node:url';
 import 'scule';
 import 'knitwork';
@@ -50,10 +50,8 @@ const module$1 = defineNuxtModule({
       nuxt.options.mdc = defu(nuxt.options.mdc, {
         highlight: {
           theme: {
-            light: "material-theme-palenight",
-            // 'material-theme-lighter',
-            default: "material-theme-palenight",
-            // 'material-theme',
+            light: "material-theme-lighter",
+            default: "material-theme",
             dark: "material-theme-palenight"
           }
         },

package/dist/runtime/air-design-tokens/008_ui_global.css

@@ -1 +1 @@
-@layer theme{:host,:root{--spacing:.25rem;--content-area-shift:22px}}@layer components{.style-filled{--b24ui-background:var(--ui-color-design-filled-bg);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:var(--ui-design-filled-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-content);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-inverted{--b24ui-background:var(--ui-color-design-filled-content);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success{--b24ui-background:var(--ui-color-design-filled-success-bg);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-content);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success-inverted{--b24ui-background:var(--ui-color-design-filled-success-content);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert{--b24ui-background:var(--ui-color-design-filled-alert-bg);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-content);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert:has([aria-invalid=true]),.style-filled-alert[aria-invalid=true],[aria-invalid=true] .style-filled-alert{--b24ui-border-color:var(--ui-color-accent-main-alert)}.style-filled-alert-inverted{--b24ui-background:var(--ui-color-design-filled-alert-content);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot{--b24ui-background:var(--ui-color-design-filled-copilot-bg);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:var(--ui-design-filled-copilot-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-content);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot-inverted{--b24ui-background:var(--ui-color-design-filled-copilot-content);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning{--b24ui-background:var(--ui-color-design-filled-warning-bg);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:var(--ui-design-filled-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-content);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning-inverted{--b24ui-background:var(--ui-color-design-filled-warning-content);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent{--b24ui-background:var(--ui-color-design-filled-na-bg-secondary);--b24ui-border-color:transparent;--b24ui-border-width:var(--ui-design-filled-na-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-content);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent-inverted{--b24ui-background:var(--ui-color-design-filled-na-content);--b24ui-border-color:var(--ui-color-design-filled-na-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-bg-secondary);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black{--b24ui-background:var(--ui-color-design-filled-black-bg);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-content);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black-inverted{--b24ui-background:var(--ui-color-design-filled-black-content);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted{--b24ui-background:var(--ui-color-design-tinted-bg);--b24ui-border-color:var(--ui-color-design-tinted-stroke);--b24ui-border-width:var(--ui-design-tinted-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-color:var(--ui-color-design-tinted-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-alert{--b24ui-background:var(--ui-color-design-tinted-alert-bg);--b24ui-border-color:var(--ui-color-design-tinted-alert-stroke);--b24ui-border-width:var(--ui-design-tinted-alert-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-alert-content-icon);--b24ui-color:var(--ui-color-design-tinted-alert-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline{--b24ui-background:var(--ui-color-design-outline-bg);--b24ui-border-color:var(--ui-color-design-outline-stroke);--b24ui-border-width:var(--ui-design-outline-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-content-icon-alt);--b24ui-color:var(--ui-color-design-outline-content);--b24ui-split-divider-color:var(--ui-color-design-outline-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-1{--b24ui-background:var(--ui-color-design-outline-a1-bg);--b24ui-border-color:var(--ui-color-design-outline-a1-stroke);--b24ui-border-width:var(--ui-design-outline-a1-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a1-content-icon);--b24ui-color:var(--ui-color-design-outline-a1-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a1-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-2{--b24ui-background:var(--ui-color-design-outline-a2-bg);--b24ui-border-color:var(--ui-color-design-outline-a2-stroke);--b24ui-border-width:var(--ui-design-outline-a2-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a2-content-icon);--b24ui-color:var(--ui-color-design-outline-a2-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a2-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-no-accent{--b24ui-background:var(--ui-color-design-outline-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-outline-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-no-accent-1{--b24ui-background:var(--ui-color-design-tinted-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain{--b24ui-background:var(--ui-color-design-plain-bg);--b24ui-border-color:var(--ui-color-design-plain-stroke);--b24ui-border-width:var(--ui-design-plain-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-content-icon-secondary);--b24ui-color:var(--ui-color-design-plain-content);--b24ui-split-divider-color:var(--ui-color-design-plain-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-accent{--b24ui-background:var(--ui-color-design-plain-a-bg);--b24ui-border-color:var(--ui-color-design-plain-a-stroke);--b24ui-border-width:var(--ui-design-plain-a-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-a-content-icon);--b24ui-color:var(--ui-color-design-plain-a-content);--b24ui-split-divider-color:var(--ui-color-design-plain-a-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-no-accent{--b24ui-background:var(--ui-color-design-plain-na-bg);--b24ui-border-color:var(--ui-color-design-plain-na-stroke);--b24ui-border-width:var(--ui-design-plain-na-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-na-content-icon);--b24ui-color:var(--ui-color-design-plain-na-content);--b24ui-split-divider-color:var(--ui-color-design-plain-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-selection{--b24ui-background:var(--ui-color-design-selection-bg);--b24ui-border-color:var(--ui-color-design-selection-stroke);--b24ui-border-width:var(--ui-design-selection-stroke-weight);--b24ui-color:var(--ui-color-design-selection-content);--b24ui-split-divider-color:var(--ui-color-design-selection-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-boost{--b24ui-background:var(--ui-color-background-transparent);--b24ui-border-color:var(--ui-color-design-filled-boost-stroke);--b24ui-border-width:var(--ui-design-filled-boost-stroke-weight);--b24ui-color:var(--ui-color-design-filled-boost-content);--b24ui-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--b24ui-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--b24ui-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));background:var(--b24ui-background-gradient)}.style-old-default{--b24ui-background:var(--ui-color-base-20);--b24ui-border-color:var(--ui-color-base-20);--b24ui-icon:var(--ui-color-base-20);--b24ui-color:var(--ui-color-base-80);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-danger{--b24ui-background:#f1361a;--b24ui-border-color:#f1361a;--b24ui-icon:#f1361a;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-success{--b24ui-background:#bbed21;--b24ui-border-color:#bbed21;--b24ui-icon:#bbed21;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-warning{--b24ui-background:rgba(237,218,123,var(--ui-opacity-80));--b24ui-border-color:rgba(237,218,123,var(--ui-opacity-80));--b24ui-icon:rgba(237,218,123,var(--ui-opacity-80));--b24ui-color:#a07f27;--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-primary{--b24ui-background:#3bc8f5;--b24ui-border-color:#3bc8f5;--b24ui-icon:#3bc8f5;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-secondary{--b24ui-background:#c5e7f4;--b24ui-border-color:#aee0f2;--b24ui-icon:#aee0f2;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-collab{--b24ui-background:#19cc45;--b24ui-border-color:#19cc45;--b24ui-icon:#19cc45;--b24ui-color:var(--ui-color-palette-white-base);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-ai{--b24ui-background:#935bec;--b24ui-border-color:#935bec;--b24ui-icon:#935bec;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-blurred-bg{background:linear-gradient(to right,var(--ui-color-design-outline-na-bg),var(--ui-color-design-outline-na-bg)),var(--air-theme-background-blurred,none)}.style-blurred-bg-input{background:linear-gradient(to right,var(--ui-color-design-outline-bg-alt),var(--ui-color-design-outline-bg-alt)),var(--main-ui-filter-custom-background,none)}.style-transparent-bg{background:transparent}}
+@layer theme{:host,:root{--spacing:.25rem;--content-area-shift:22px}}@layer components{.style-filled{--b24ui-background:var(--ui-color-design-filled-bg);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:var(--ui-design-filled-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-content);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-inverted{--b24ui-background:var(--ui-color-design-filled-content);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success{--b24ui-background:var(--ui-color-design-filled-success-bg);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-content);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success-inverted{--b24ui-background:var(--ui-color-design-filled-success-content);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert{--b24ui-background:var(--ui-color-design-filled-alert-bg);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-content);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert:has([aria-invalid=true]),.style-filled-alert[aria-invalid=true],[aria-invalid=true] .style-filled-alert{--b24ui-border-color:var(--ui-color-accent-main-alert)}.style-filled-alert-inverted{--b24ui-background:var(--ui-color-design-filled-alert-content);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot{--b24ui-background:var(--ui-color-design-filled-copilot-bg);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:var(--ui-design-filled-copilot-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-content);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot-inverted{--b24ui-background:var(--ui-color-design-filled-copilot-content);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning{--b24ui-background:var(--ui-color-design-filled-warning-bg);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:var(--ui-design-filled-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-content);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning-inverted{--b24ui-background:var(--ui-color-design-filled-warning-content);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent{--b24ui-background:var(--ui-color-design-filled-na-bg-secondary);--b24ui-border-color:transparent;--b24ui-border-width:var(--ui-design-filled-na-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-content);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent-inverted{--b24ui-background:var(--ui-color-design-filled-na-content);--b24ui-border-color:var(--ui-color-design-filled-na-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-bg-secondary);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black{--b24ui-background:var(--ui-color-design-filled-black-bg);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-content);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.dark .style-filled-black{--b24ui-background:var(--ui-color-bg-content-tertiary);--b24ui-border-color:var(--ui-color-bg-vibrant-accent);--b24ui-border-width:var(--ui-design-tinted-na-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black-inverted{--b24ui-background:var(--ui-color-design-filled-black-content);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted{--b24ui-background:var(--ui-color-design-tinted-bg);--b24ui-border-color:var(--ui-color-design-tinted-stroke);--b24ui-border-width:var(--ui-design-tinted-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-color:var(--ui-color-design-tinted-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-alert{--b24ui-background:var(--ui-color-design-tinted-alert-bg);--b24ui-border-color:var(--ui-color-design-tinted-alert-stroke);--b24ui-border-width:var(--ui-design-tinted-alert-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-alert-content-icon);--b24ui-color:var(--ui-color-design-tinted-alert-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-success{--b24ui-background:var(--ui-color-design-tinted-success-bg);--b24ui-border-color:var(--ui-color-design-tinted-success-stroke);--b24ui-border-width:var(--ui-design-tinted-success-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-success-content-icon);--b24ui-color:var(--ui-color-design-tinted-success-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-warning{--b24ui-background:var(--ui-color-design-tinted-warning-bg);--b24ui-border-color:var(--ui-color-design-tinted-warning-stroke);--b24ui-border-width:var(--ui-design-tinted-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-warning-content-icon);--b24ui-color:var(--ui-color-design-tinted-warning-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-copilot{--b24ui-background:var(--ui-color-accent-soft-violet-2);--b24ui-border-color:var(--ui-color-accent-soft-violet-2);--b24ui-border-width:var(--ui-border-width-medium);--b24ui-icon:var(--ui-color-copilot-accent-less-2);--b24ui-color:var(--ui-color-copilot-accent-less-2);--b24ui-split-divider-color:var(--ui-color-copilot-bg-content-1);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline{--b24ui-background:var(--ui-color-design-outline-bg);--b24ui-border-color:var(--ui-color-design-outline-stroke);--b24ui-border-width:var(--ui-design-outline-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-content-icon-alt);--b24ui-color:var(--ui-color-design-outline-content);--b24ui-split-divider-color:var(--ui-color-design-outline-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-1{--b24ui-background:var(--ui-color-design-outline-a1-bg);--b24ui-border-color:var(--ui-color-design-outline-a1-stroke);--b24ui-border-width:var(--ui-design-outline-a1-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a1-content-icon);--b24ui-color:var(--ui-color-design-outline-a1-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a1-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-2{--b24ui-background:var(--ui-color-design-outline-a2-bg);--b24ui-border-color:var(--ui-color-design-outline-a2-stroke);--b24ui-border-width:var(--ui-design-outline-a2-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a2-content-icon);--b24ui-color:var(--ui-color-design-outline-a2-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a2-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-no-accent{--b24ui-background:var(--ui-color-design-outline-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-outline-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-no-accent-1{--b24ui-background:var(--ui-color-design-tinted-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain{--b24ui-background:var(--ui-color-design-plain-bg);--b24ui-border-color:var(--ui-color-design-plain-stroke);--b24ui-border-width:var(--ui-design-plain-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-content-icon-secondary);--b24ui-color:var(--ui-color-design-plain-content);--b24ui-split-divider-color:var(--ui-color-design-plain-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-accent{--b24ui-background:var(--ui-color-design-plain-a-bg);--b24ui-border-color:var(--ui-color-design-plain-a-stroke);--b24ui-border-width:var(--ui-design-plain-a-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-a-content-icon);--b24ui-color:var(--ui-color-design-plain-a-content);--b24ui-split-divider-color:var(--ui-color-design-plain-a-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-no-accent{--b24ui-background:var(--ui-color-design-plain-na-bg);--b24ui-border-color:var(--ui-color-design-plain-na-stroke);--b24ui-border-width:var(--ui-design-plain-na-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-na-content-icon);--b24ui-color:var(--ui-color-design-plain-na-content);--b24ui-split-divider-color:var(--ui-color-design-plain-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-selection{--b24ui-background:var(--ui-color-design-selection-bg);--b24ui-border-color:var(--ui-color-design-selection-stroke);--b24ui-border-width:var(--ui-design-selection-stroke-weight);--b24ui-color:var(--ui-color-design-selection-content);--b24ui-split-divider-color:var(--ui-color-design-selection-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-boost{--b24ui-background:var(--ui-color-background-transparent);--b24ui-border-color:var(--ui-color-design-filled-boost-stroke);--b24ui-border-width:var(--ui-design-filled-boost-stroke-weight);--b24ui-color:var(--ui-color-design-filled-boost-content);--b24ui-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--b24ui-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--b24ui-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));background:var(--b24ui-background-gradient)}.style-old-default{--b24ui-background:var(--ui-color-base-20);--b24ui-border-color:var(--ui-color-base-20);--b24ui-icon:var(--ui-color-base-20);--b24ui-color:var(--ui-color-base-80);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-danger{--b24ui-background:#f1361a;--b24ui-border-color:#f1361a;--b24ui-icon:#f1361a;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-success{--b24ui-background:#bbed21;--b24ui-border-color:#bbed21;--b24ui-icon:#bbed21;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-warning{--b24ui-background:rgba(237,218,123,var(--ui-opacity-80));--b24ui-border-color:rgba(237,218,123,var(--ui-opacity-80));--b24ui-icon:rgba(237,218,123,var(--ui-opacity-80));--b24ui-color:#a07f27;--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-primary{--b24ui-background:#3bc8f5;--b24ui-border-color:#3bc8f5;--b24ui-icon:#3bc8f5;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-secondary{--b24ui-background:#c5e7f4;--b24ui-border-color:#aee0f2;--b24ui-icon:#aee0f2;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-collab{--b24ui-background:#19cc45;--b24ui-border-color:#19cc45;--b24ui-icon:#19cc45;--b24ui-color:var(--ui-color-palette-white-base);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-ai{--b24ui-background:#935bec;--b24ui-border-color:#935bec;--b24ui-icon:#935bec;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-blurred-bg{background:linear-gradient(to right,var(--ui-color-design-outline-na-bg),var(--ui-color-design-outline-na-bg)),var(--air-theme-background-blurred,none)}.style-blurred-bg-input{background:linear-gradient(to right,var(--ui-color-design-outline-bg-alt),var(--ui-color-design-outline-bg-alt)),var(--main-ui-filter-custom-background,none)}.style-transparent-bg{background:transparent}}

package/dist/runtime/components/prose/Pre.vue

@@ -57,5 +57,5 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </template>
 
 <style>
-.shiki span.line{display:block}.shiki span.line.highlight{margin:0 -16px;padding:0 16px;@apply bg-(--ui-color-gray-15)/10}
+.shiki span.line{display:block}.shiki span.line.highlight{margin:0 -16px;padding:0 16px;@apply bg-(--ui-color-g-plastic-bluish-bg)/30}
 </style>

package/dist/shared/{b24ui-nuxt.BYDi-4ID.mjs → b24ui-nuxt.DdKajqQs.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.15";
+const version = "2.1.16";
 
 function getDefaultConfig(theme) {
   return {
@@ -9189,7 +9189,6 @@ const sidebarSpacer = {
 const navbar = {
   slots: {
     root: [
-      // 'py-2.5', // fix
       "h-full flex-1",
       "flex items-center gap-4"
     ].join(" ")
@@ -9715,10 +9714,6 @@ const callout = {
       "rounded-(--ui-border-radius-md)",
       // @memo use style-filled-black-inverted
       "[&_code]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
-      "[&_code]:bg-(--ui-color-design-filled-black-content) dark:[&_code]:bg-(--ui-color-design-tinted-na-bg)",
-      "[&_code]:text-(--ui-color-design-filled-black-bg)",
-      // @memo use style-filled-black
-      "[&_pre]:bg-(--ui-color-design-filled-black-bg) dark:[&_pre]:bg-(--ui-color-design-tinted-na-bg)",
       "[&>div]:my-2.5",
       "[&_ul]:my-2.5",
       "[&_ol]:my-2.5",
@@ -9726,6 +9721,7 @@ const callout = {
       "[&_ul]:ps-4.5",
       "[&_ol]:ps-4.5",
       "[&_li]:my-0",
+      "[&_a]:underline",
       "transition-colors"
     ].join(" "),
     icon: [
@@ -9880,20 +9876,18 @@ const code = {
       "rounded-(--ui-border-radius-md)",
       "inline-block",
       "ring ring-inset",
-      "text-(--b24ui-color) bg-(--b24ui-background) ring-(--b24ui-border-color)",
-      "dark:text-(--ui-color-design-tinted-na-content) dark:bg-(--ui-color-design-tinted-na-bg) dark:ring-(--ui-color-design-outline-na-stroke)"
+      "text-(--b24ui-color) bg-(--b24ui-background) ring-(--b24ui-border-color)"
     ].join(" ")
   },
   variants: {
     color: {
-      "air-primary": { base: "style-filled" },
-      "air-primary-success": { base: "style-filled-success" },
-      "air-primary-alert": { base: "style-filled-alert" },
-      "air-primary-copilot": { base: "style-filled-copilot" },
-      "air-primary-warning": { base: "style-filled-warning" },
-      "air-secondary": { base: "style-filled-black" },
-      //  dark:style-tinted-no-accent-1
-      "air-tertiary": { base: "style-outline-no-accent" },
+      "air-primary": { base: "style-tinted" },
+      "air-primary-success": { base: "style-tinted-success" },
+      "air-primary-alert": { base: "style-tinted-alert" },
+      "air-primary-copilot": { base: "style-tinted-copilot" },
+      "air-primary-warning": { base: "style-tinted-warning" },
+      "air-secondary": { base: "style-tinted-no-accent-1" },
+      "air-tertiary": { base: "style-filled-black" },
       // @deprecate ////
       "default": { base: "style-old-default" },
       "danger": { base: "style-old-danger" },
@@ -9929,7 +9923,7 @@ const codeCollapse = {
       },
       false: {
         root: "[&_pre]:overflow-hidden",
-        footer: "bg-gradient-to-t from-(--ui-color-gray-90) dark:from-(--ui-color-gray-90)/80"
+        footer: "bg-gradient-to-t from-(--ui-color-g-plastic-greish-bg)"
       }
     }
   }
@@ -10247,7 +10241,7 @@ const pre = {
     header: [
       "flex items-center gap-1.5",
       "border border-(--ui-color-design-tinted-na-stroke)",
-      "bg-(--ui-color-design-tinted-na-bg)",
+      "bg-(--ui-color-base-8)",
       "text-(--ui-color-design-tinted-na-content)",
       "border-b-0 relative",
       "rounded-t-md",
@@ -10263,7 +10257,7 @@ const pre = {
       "text-(length:--ui-font-size-md)/(--ui-font-line-height-md)",
       "font-[family-name:var(--ui-font-family-system-mono)]",
       "border border-(--ui-color-design-tinted-na-stroke)",
-      "bg-(--ui-color-gray-90) dark:bg-(--ui-color-gray-90)/20 light:bg-(--ui-color-gray-90)",
+      "bg-(--ui-color-g-plastic-greish-bg)",
       "rounded-(--ui-border-radius-md)",
       "px-4 py-3",
       "whitespace-pre-wrap",

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.BYDi-4ID.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.DdKajqQs.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BYDi-4ID.mjs';
+import './shared/b24ui-nuxt.DdKajqQs.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "2.1.15",
+  "version": "2.1.16",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -114,10 +114,10 @@
     "@nuxt/kit": "^4.2.2",
     "@nuxt/schema": "^4.2.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@tailwindcss/vite": "^4.1.17",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.12",
+    "@tanstack/vue-virtual": "^3.13.13",
     "@tiptap/core": "3.13.0",
     "@tiptap/extension-bubble-menu": "3.13.0",
     "@tiptap/extension-drag-handle-vue-3": "3.13.0",
@@ -157,7 +157,7 @@
     "scule": "^1.3.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.1.18",
     "tinyglobby": "^0.2.15",
     "unplugin": "^2.3.11",
     "unplugin-auto-import": "^20.3.0",
@@ -166,7 +166,7 @@
     "vue-component-type-helpers": "^3.1.5"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.11.0",
+    "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^3.21.0",
     "@types/canvas-confetti": "^1.9.0",
@@ -175,9 +175,9 @@
     "nuxt-component-meta": "^0.14.2",
     "sharp": "^0.34.3",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^5.0.108",
+    "ai": "^5.0.113",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "happy-dom": "^20.0.11",
     "nuxt": "^4.2.2",
     "vitest": "^3.2.4",