daisyui 4.12.13 → 5.0.0-alpha.10

package/index.css

@@ -0,0 +1,43 @@
+@import "./themes";
+@import "./themes/light";
+@import "./themes/dark";
+@config "./base/root-color/config.js";
+@config "./base/properties/config.js";
+@config "./base/scrollbar/config.js";
+@config "./components/kbd/config.js";
+@config "./components/dropdown/config.js";
+@config "./components/navbar/config.js";
+@config "./components/footer/config.js";
+@config "./components/tooltip/config.js";
+@config "./components/rating/config.js";
+@config "./components/radio/config.js";
+@config "./components/card/config.js";
+@config "./components/loading/config.js";
+@config "./components/progress/config.js";
+@config "./components/chat/config.js";
+@config "./components/countdown/config.js";
+@config "./components/input/config.js";
+@config "./components/alert/config.js";
+@config "./components/skeleton/config.js";
+@config "./components/swap/config.js";
+@config "./components/checkbox/config.js";
+@config "./components/collapse/config.js";
+@config "./components/status/config.js";
+@config "./components/tab/config.js";
+@config "./components/toggle/config.js";
+@config "./components/mask/config.js";
+@config "./components/button/config.js";
+@config "./components/steps/config.js";
+@config "./components/link/config.js";
+@config "./components/table/config.js";
+@config "./components/radial-progress/config.js";
+@config "./components/divider/config.js";
+@config "./components/menu/config.js";
+@config "./components/avatar/config.js";
+@config "./components/select/config.js";
+@config "./components/stack/config.js";
+@config "./components/hero/config.js";
+@config "./components/range/config.js";
+@config "./components/timeline/config.js";
+@config "./components/badge/config.js";
+@config "./utilities/join/config.js";

package/index.js

@@ -0,0 +1,87 @@
+import rootColor from './base/root-color/index.js';
+import properties from './base/properties/index.js';
+import scrollbar from './base/scrollbar/index.js';
+import kbd from './components/kbd/index.js';
+import dropdown from './components/dropdown/index.js';
+import navbar from './components/navbar/index.js';
+import footer from './components/footer/index.js';
+import tooltip from './components/tooltip/index.js';
+import rating from './components/rating/index.js';
+import radio from './components/radio/index.js';
+import card from './components/card/index.js';
+import loading from './components/loading/index.js';
+import progress from './components/progress/index.js';
+import chat from './components/chat/index.js';
+import countdown from './components/countdown/index.js';
+import input from './components/input/index.js';
+import alert from './components/alert/index.js';
+import skeleton from './components/skeleton/index.js';
+import swap from './components/swap/index.js';
+import checkbox from './components/checkbox/index.js';
+import collapse from './components/collapse/index.js';
+import status from './components/status/index.js';
+import tab from './components/tab/index.js';
+import toggle from './components/toggle/index.js';
+import mask from './components/mask/index.js';
+import button from './components/button/index.js';
+import steps from './components/steps/index.js';
+import link from './components/link/index.js';
+import table from './components/table/index.js';
+import radialProgress from './components/radial-progress/index.js';
+import divider from './components/divider/index.js';
+import menu from './components/menu/index.js';
+import avatar from './components/avatar/index.js';
+import select from './components/select/index.js';
+import stack from './components/stack/index.js';
+import hero from './components/hero/index.js';
+import range from './components/range/index.js';
+import timeline from './components/timeline/index.js';
+import badge from './components/badge/index.js';
+import join from './utilities/join/index.js';
+
+export default ({ addBase, addComponents, addUtilities }) => {
+  addBase({
+    ...rootColor,
+    ...properties,
+    ...scrollbar,
+  })
+  addComponents({
+    ...kbd,
+    ...dropdown,
+    ...navbar,
+    ...footer,
+    ...tooltip,
+    ...rating,
+    ...radio,
+    ...card,
+    ...loading,
+    ...progress,
+    ...chat,
+    ...countdown,
+    ...input,
+    ...alert,
+    ...skeleton,
+    ...swap,
+    ...checkbox,
+    ...collapse,
+    ...status,
+    ...tab,
+    ...toggle,
+    ...mask,
+    ...button,
+    ...steps,
+    ...link,
+    ...table,
+    ...radialProgress,
+    ...divider,
+    ...menu,
+    ...avatar,
+    ...select,
+    ...stack,
+    ...hero,
+    ...range,
+    ...timeline,
+    ...badge,
+  })
+  addUtilities({    ...join, })
+}

package/package.json

@@ -1,85 +1,82 @@
 {
-  "name": "daisyui",
-  "version": "4.12.13",
-  "description": "daisyUI - Tailwind CSS Components",
-  "author": "Pouya Saadeghi",
-  "license": "MIT",
-  "homepage": "https://daisyui.com",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/saadeghi/daisyui.git"
-  },
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/daisyui"
-  },
-  "bugs": {
-    "url": "https://github.com/saadeghi/daisyui/issues"
-  },
-  "keywords": [
-    "design-system",
-    "tailwindcss",
-    "components",
-    "ui-library",
-    "component",
-    "framework",
-    "tailwind",
-    "daisyui",
-    "theming",
-    "postcss",
-    "design",
-    "css",
-    "ui"
-  ],
-  "main": "src/index.js",
-  "typings": "src/index.d.ts",
-  "types": "src/index.d.ts",
-  "files": [
-    "src/lib/**/*.js",
-    "dist/*.js",
-    "dist/{themes,styled,unstyled,full}.css",
-    "src/index.js",
-    "src/theming/*.js",
-    "src/theming/*.d.ts",
-    "src/index.d.ts"
-  ],
-  "engines": {
-    "node": ">=16.9.0"
-  },
-  "browserslist": [
-    "> 7%"
-  ],
-  "publishConfig": {
-    "access": "public",
-    "branches": [
-      "master"
-    ]
-  },
-  "scripts": {
-    "init": "npm install && npm run build && cd src/docs && npm install && npm run get-json --silent && cd src/experiments/playground && npm install",
-    "format": "biome format --write .",
-    "lint": "biome lint . --write",
-    "build": "node src/build",
-    "build:skipfullcss": "node src/build --skipfullcss",
-    "dev": "cd src/docs && npm run dev",
-    "playground": "cd src/experiments/playground && npm run dev",
-    "release": "node src/release",
-    "publish:alpha": "npm publish --tag=alpha",
-    "alpha": "npm run release -- --alpha && npm publish --tag=alpha"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^1.9.1",
-    "autoprefixer": "10.4.19",
-    "commit-and-tag-version": "12.4.1",
-    "postcss-cli": "11.0.0",
-    "postcss-import": "16.1.0",
-    "prejss-cli": "0.3.3",
-    "tailwindcss": "3.4.4"
-  },
-  "dependencies": {
-    "css-selector-tokenizer": "^0.8",
-    "culori": "^3",
-    "picocolors": "^1",
-    "postcss-js": "^4"
-  }
+	"type": "module",
+	"name": "daisyui",
+	"version": "5.0.0-alpha.10",
+	"description": "daisyUI - Tailwind CSS Components",
+	"author": "Pouya Saadeghi",
+	"license": "MIT",
+	"homepage": "https://daisyui.com",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/saadeghi/daisyui.git"
+	},
+	"funding": {
+		"type": "opencollective",
+		"url": "https://opencollective.com/daisyui"
+	},
+	"bugs": {
+		"url": "https://github.com/saadeghi/daisyui/issues"
+	},
+	"keywords": [
+		"design-system",
+		"tailwindcss",
+		"css-library",
+		"components",
+		"ui-library",
+		"component",
+		"framework",
+		"tailwind",
+		"daisyui",
+		"themes",
+		"design",
+		"css",
+		"ui"
+	],
+	"main": "index.js",
+	"files": [
+		"themes",
+		"colors",
+		"base",
+		"components",
+		"utilities",
+		"index.css",
+		"index.js",
+		"chunks.css",
+		"full.css"
+	],
+	"engines": {
+		"node": ">=16.9.0"
+	},
+	"browserslist": [
+		"> 7%"
+	],
+	"publishConfig": {
+		"access": "public",
+		"branches": [
+			"master"
+		]
+	},
+	"scripts": {
+		"init": "npm install && npm run build && cd src/docs && npm install && npm run get-json --silent && cd src/experiments/playground && npm install",
+		"format": "npx prettier 'css/**/*' 'functions/**/*' '*.js' 'themes/**/*' '*.css' '.prettierrc' --write",
+		"lint": "biome lint . --write",
+		"build": "bun build.js",
+		"dev": "cd src/docs && npm run dev",
+		"playground": "cd src/experiments/playground && npm run dev",
+		"release": "node src/release",
+		"publish:alpha": "npm publish --tag=alpha",
+		"alpha": "npm run release -- --alpha && npm publish --tag=alpha"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^1.9.2",
+		"@tailwindcss/cli": "^4.0.0-alpha.27",
+		"commit-and-tag-version": "12.4.1",
+		"lightningcss": "^1.27.0",
+		"postcss": "^8.4.45",
+		"postcss-js": "^4.0.1",
+		"postcss-prefixer": "^3.0.0",
+		"prettier": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.6",
+		"zlib": "^1.0.5"
+	}
 }

package/themes/dark/index.css

@@ -0,0 +1,28 @@
+[data-theme="dark"],
+:root:has(input.theme-controller[value=dark]:checked) {
+  --color-base-100: oklch(25.33% 0.016 252.42);
+  --color-base-200: oklch(23.26% 0.014 253.1);
+  --color-base-300: oklch(21.15% 0.012 254.09);
+  --color-base-content: oklch(97.8078% 0.029596 256.84795);
+  --color-primary: oklch(49.12% 0.3096 275.75);
+  --color-primary-content: oklch(89.824% 0.06192 275.75);
+  --color-secondary: oklch(69.71% 0.329 342.55);
+  --color-secondary-content: oklch(98.71% 0.0106 342.55);
+  --color-accent: oklch(76.76% 0.184 183.61);
+  --color-accent-content: oklch(15.352% 0.0368 183.61);
+  --color-neutral: oklch(20% 0.016 252.42);
+  --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
+  --color-info: oklch(72.06% 0.191 231.6);
+  --color-info-content: oklch(0% 0 0);
+  --color-success: oklch(64.8% 0.15 160);
+  --color-success-content: oklch(0% 0 0);
+  --color-warning: oklch(84.71% 0.199 83.87);
+  --color-warning-content: oklch(0% 0 0);
+  --color-error: oklch(71.76% 0.221 22.18);
+  --color-error-content: oklch(0% 0 0);
+  --radius-badge: 1.9rem;
+  --radius-btn: 0.5rem;
+  --radius-box: 1rem;
+  --spacing-button-border: 1px;
+  --spacing-tab-border: 1px;
+}

package/themes/default/index.css

@@ -0,0 +1,27 @@
+:root {
+  --color-base-100: oklch(100% 0 0);
+  --color-base-200: oklch(96.1151% 0 0);
+  --color-base-300: oklch(92.4169% 0.00108 197.137559);
+  --color-base-content: oklch(27.8078% 0.029596 256.84795);
+  --color-primary: oklch(49.12% 0.3096 275.75);
+  --color-primary-content: oklch(89.824% 0.06192 275.75);
+  --color-secondary: oklch(69.71% 0.329 342.55);
+  --color-secondary-content: oklch(98.71% 0.0106 342.55);
+  --color-accent: oklch(76.76% 0.184 183.61);
+  --color-accent-content: oklch(15.352% 0.0368 183.61);
+  --color-neutral: oklch(20% 0.02476 255.701624);
+  --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
+  --color-info: oklch(72.06% 0.191 231.6);
+  --color-info-content: oklch(0% 0 0);
+  --color-success: oklch(64.8% 0.15 160);
+  --color-success-content: oklch(0% 0 0);
+  --color-warning: oklch(84.71% 0.199 83.87);
+  --color-warning-content: oklch(0% 0 0);
+  --color-error: oklch(71.76% 0.221 22.18);
+  --color-error-content: oklch(0% 0 0);
+  --radius-badge: 1.9rem;
+  --radius-btn: 0.5rem;
+  --radius-box: 1rem;
+  --spacing-button-border: 1px;
+  --spacing-tab-border: 1px;
+}

package/themes/index.css

@@ -0,0 +1,27 @@
+@theme {
+  --color-base-100: oklch(100% 0 0);
+  --color-base-200: oklch(96.1151% 0 0);
+  --color-base-300: oklch(92.4169% 0.00108 197.137559);
+  --color-base-content: oklch(27.8078% 0.029596 256.84795);
+  --color-primary: oklch(49.12% 0.3096 275.75);
+  --color-primary-content: oklch(89.824% 0.06192 275.75);
+  --color-secondary: oklch(69.71% 0.329 342.55);
+  --color-secondary-content: oklch(98.71% 0.0106 342.55);
+  --color-accent: oklch(76.76% 0.184 183.61);
+  --color-accent-content: oklch(15.352% 0.0368 183.61);
+  --color-neutral: oklch(20% 0.02476 255.701624);
+  --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
+  --color-info: oklch(72.06% 0.191 231.6);
+  --color-info-content: oklch(0% 0 0);
+  --color-success: oklch(64.8% 0.15 160);
+  --color-success-content: oklch(0% 0 0);
+  --color-warning: oklch(84.71% 0.199 83.87);
+  --color-warning-content: oklch(0% 0 0);
+  --color-error: oklch(71.76% 0.221 22.18);
+  --color-error-content: oklch(0% 0 0);
+  --radius-badge: 1.9rem;
+  --radius-btn: 0.5rem;
+  --radius-box: 1rem;
+  --spacing-button-border: 1px;
+  --spacing-tab-border: 1px;
+}

package/themes/light/index.css

@@ -0,0 +1,28 @@
+[data-theme="light"],
+:root:has(input.theme-controller[value=light]:checked) {
+  --color-base-100: oklch(100% 0 0);
+  --color-base-200: oklch(96.1151% 0 0);
+  --color-base-300: oklch(92.4169% 0.00108 197.137559);
+  --color-base-content: oklch(27.8078% 0.029596 256.84795);
+  --color-primary: oklch(49.12% 0.3096 275.75);
+  --color-primary-content: oklch(89.824% 0.06192 275.75);
+  --color-secondary: oklch(69.71% 0.329 342.55);
+  --color-secondary-content: oklch(98.71% 0.0106 342.55);
+  --color-accent: oklch(76.76% 0.184 183.61);
+  --color-accent-content: oklch(15.352% 0.0368 183.61);
+  --color-neutral: oklch(20% 0.02476 255.701624);
+  --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
+  --color-info: oklch(72.06% 0.191 231.6);
+  --color-info-content: oklch(0% 0 0);
+  --color-success: oklch(64.8% 0.15 160);
+  --color-success-content: oklch(0% 0 0);
+  --color-warning: oklch(84.71% 0.199 83.87);
+  --color-warning-content: oklch(0% 0 0);
+  --color-error: oklch(71.76% 0.221 22.18);
+  --color-error-content: oklch(0% 0 0);
+  --radius-badge: 1.9rem;
+  --radius-btn: 0.5rem;
+  --radius-box: 1rem;
+  --spacing-button-border: 1px;
+  --spacing-tab-border: 1px;
+}

package/utilities/join/config.js

@@ -0,0 +1,4 @@
+import index from './index.js';
+export default ({ addUtilities }) => {
+	addUtilities({...index})
+}

package/utilities/join/index.css

@@ -0,0 +1 @@
+@config "./config.js";

package/utilities/join/index.js

@@ -0,0 +1 @@
+export default {".join":{"@apply inline-flex items-stretch":{},"--radius-join-start-start":"0","--radius-join-start-end":"0","--radius-join-end-start":"0","--radius-join-end-end":"0",":where(.join-item)":{"borderStartStartRadius":"var(--radius-join-start-start, 0)","borderStartEndRadius":"var(--radius-join-start-end, 0)","borderEndStartRadius":"var(--radius-join-end-start, 0)","borderEndEndRadius":"var(--radius-join-end-end, 0)"},">.join-item:where(:first-child)":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"0"},":first-child:not(:last-child)":{":where(.join-item)":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"0"}},">.join-item:where(:last-child)":{"--radius-join-start-start":"0","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"var(--radius-btn)"},":last-child:not(:first-child)":{":where(.join-item)":{"--radius-join-start-start":"0","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"var(--radius-btn)"}}},".join-item":{"boxShadow":"none","&:where(*:not(:first-child))":{"marginInlineStart":"calc(var(--spacing-button-border, 1px) * -1)","marginBlockStart":"0"}},".join-vertical":{"@apply flex-col":{},">.join-item:first-child":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"0"},":first-child:not(:last-child)":{".join-item":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"0"}},">.join-item:last-child":{"--radius-join-start-start":"0","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"var(--radius-btn)"},":last-child:not(:first-child)":{".join-item":{"--radius-join-start-start":"0","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"var(--radius-btn)"}},".join-item":{"&:where(*:not(:first-child))":{"marginInlineStart":"0","marginBlockStart":"calc(var(--spacing-button-border, 1px) * -1)"}}},".join-horizontal":{"@apply flex-row":{},">.join-item:first-child":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"0"},":first-child:not(:last-child)":{".join-item":{"--radius-join-start-start":"var(--radius-btn)","--radius-join-start-end":"0","--radius-join-end-start":"var(--radius-btn)","--radius-join-end-end":"0"}},">.join-item:last-child":{"--radius-join-start-start":"0","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"var(--radius-btn)"},":last-child:not(:first-child)":{".join-item":{"--radius-join-start-start":"0","--radius-join-start-end":"var(--radius-btn)","--radius-join-end-start":"0","--radius-join-end-end":"var(--radius-btn)"}},".join-item":{"&:where(*:not(:first-child))":{"marginInlineStart":"calc(var(--spacing-button-border, 1px) * -1)","marginBlockStart":"0"}}}};

package/utilities/join.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.10 – MIT License */ .join{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:0;--radius-join-end-end:0;align-items:stretch;display:inline-flex;& :where(.join-item){border-start-start-radius:var(--radius-join-start-start,0);border-start-end-radius:var(--radius-join-start-end,0);border-end-end-radius:var(--radius-join-end-end,0);border-end-start-radius:var(--radius-join-end-start,0)}&>.join-item:where(:first-child){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& :where(.join-item){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:where(:last-child){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& :where(.join-item){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}}.join-item{box-shadow:none;&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}.join-vertical{flex-direction:column;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:calc(var(--spacing-button-border,1px)*-1);margin-inline-start:0}}}.join-horizontal{flex-direction:row;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}}

package/dist/base.js

@@ -1 +0,0 @@
-module.exports = {":root,\n[data-theme]":{"backgroundColor":"var(--fallback-b1,oklch(var(--b1)/1))","color":"var(--fallback-bc,oklch(var(--bc)/1))"},"@supports not (color: oklch(0% 0 0))":{":root":{"colorScheme":"light","-FallbackP":"#491eff","-FallbackPc":"#d4dbff","-FallbackS":"#ff41c7","-FallbackSc":"#fff9fc","-FallbackA":"#00cfbd","-FallbackAc":"#00100d","-FallbackN":"#2b3440","-FallbackNc":"#d7dde4","-FallbackB1":"#ffffff","-FallbackB2":"#e5e6e6","-FallbackB3":"#e5e6e6","-FallbackBc":"#1f2937","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"},"@media (prefers-color-scheme: dark)":{":root":{"colorScheme":"dark","-FallbackP":"#7582ff","-FallbackPc":"#050617","-FallbackS":"#ff71cf","-FallbackSc":"#190211","-FallbackA":"#00c7b5","-FallbackAc":"#000e0c","-FallbackN":"#2a323c","-FallbackNc":"#a6adbb","-FallbackB1":"#1d232a","-FallbackB2":"#191e24","-FallbackB3":"#15191e","-FallbackBc":"#a6adbb","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"}}},"html":{"WebkitTapHighlightColor":"transparent"},"*":{"scrollbarColor":"color-mix(in oklch, currentColor 35%, transparent) transparent"},"*:hover":{"scrollbarColor":"color-mix(in oklch, currentColor 60%, transparent) transparent"}};