From fd3405e0e0644c0b591f1274133acbd8dc263fdb Mon Sep 17 00:00:00 2001 From: planetabhi <1704622+planetabhi@users.noreply.github.com> Date: Wed, 29 Apr 2026 05:24:00 +0530 Subject: [PATCH 1/4] Opt. --- .gitignore | 3 +- bun.lock | 42 +- dist/index.css | 2 +- dist/index.css.map | 2 +- packages/colors/dist/index.css | 1070 +------------------- packages/colors/dist/index.css.map | 2 +- packages/colors/package.json | 2 +- packages/colors/src/_theme-dark--cold.scss | 20 +- packages/effects/dist/index.css | 56 +- packages/effects/dist/index.css.map | 2 +- packages/effects/package.json | 2 +- packages/effects/src/_utilities.scss | 131 +++ packages/effects/src/_variables.scss | 29 +- packages/grid/dist/index.css | 606 +---------- packages/grid/dist/index.css.map | 2 +- packages/grid/package.json | 2 +- packages/grid/src/_grid.scss | 56 +- packages/grid/src/_utilities.scss | 172 ++++ packages/grid/src/index.scss | 1 + packages/reset/dist/index.css | 65 +- packages/spacings/dist/index.css | 413 +------- packages/typography/dist/index.css | 255 +---- 22 files changed, 397 insertions(+), 2538 deletions(-) create mode 100644 packages/grid/src/_utilities.scss diff --git a/.gitignore b/.gitignore index e86d5a0..a8f0138 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ node_modules/ .parcel-cache/ -.DS_Store \ No newline at end of file +.DS_Store +playground.html \ No newline at end of file diff --git a/bun.lock b/bun.lock index 75e71b5..7172ae7 100644 --- a/bun.lock +++ b/bun.lock @@ -21,7 +21,7 @@ }, "packages/colors": { "name": "@new-ui/colors", - "version": "2.2.4", + "version": "2.2.5", "devDependencies": { "@parcel/transformer-sass": "^2.16.4", "parcel": "^2.16.4", @@ -29,7 +29,7 @@ }, "packages/effects": { "name": "@new-ui/effects", - "version": "0.1.10", + "version": "0.1.11", "devDependencies": { "@parcel/transformer-sass": "^2.16.4", "parcel": "^2.16.4", @@ -40,7 +40,7 @@ }, "packages/grid": { "name": "@new-ui/grid", - "version": "0.1.3", + "version": "0.1.4", "devDependencies": { "@parcel/transformer-sass": "^2.16.4", "parcel": "^2.16.4", @@ -306,31 +306,31 @@ "@sindresorhus/merge-streams": ["@sindresorhus/merge-streams@4.0.0", "", {}, "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ=="], - "@swc/core": ["@swc/core@1.15.30", "", { "dependencies": { "@swc/counter": "^0.1.3", "@swc/types": "^0.1.26" }, "optionalDependencies": { "@swc/core-darwin-arm64": "1.15.30", "@swc/core-darwin-x64": "1.15.30", "@swc/core-linux-arm-gnueabihf": "1.15.30", "@swc/core-linux-arm64-gnu": "1.15.30", "@swc/core-linux-arm64-musl": "1.15.30", "@swc/core-linux-ppc64-gnu": "1.15.30", "@swc/core-linux-s390x-gnu": "1.15.30", "@swc/core-linux-x64-gnu": "1.15.30", "@swc/core-linux-x64-musl": "1.15.30", "@swc/core-win32-arm64-msvc": "1.15.30", "@swc/core-win32-ia32-msvc": "1.15.30", "@swc/core-win32-x64-msvc": "1.15.30" }, "peerDependencies": { "@swc/helpers": ">=0.5.17" }, "optionalPeers": ["@swc/helpers"] }, "sha512-R8VQbQY1BZcbIF2p3gjlTCwAQzx1A194ugWfwld5y+WgVVWqVKm7eURGGOVbQVubgKWzidP2agomBbg96rZilQ=="], + "@swc/core": ["@swc/core@1.15.32", "", { "dependencies": { "@swc/counter": "^0.1.3", "@swc/types": "^0.1.26" }, "optionalDependencies": { "@swc/core-darwin-arm64": "1.15.32", "@swc/core-darwin-x64": "1.15.32", "@swc/core-linux-arm-gnueabihf": "1.15.32", "@swc/core-linux-arm64-gnu": "1.15.32", "@swc/core-linux-arm64-musl": "1.15.32", "@swc/core-linux-ppc64-gnu": "1.15.32", "@swc/core-linux-s390x-gnu": "1.15.32", "@swc/core-linux-x64-gnu": "1.15.32", "@swc/core-linux-x64-musl": "1.15.32", "@swc/core-win32-arm64-msvc": "1.15.32", "@swc/core-win32-ia32-msvc": "1.15.32", "@swc/core-win32-x64-msvc": "1.15.32" }, "peerDependencies": { "@swc/helpers": ">=0.5.17" }, "optionalPeers": ["@swc/helpers"] }, "sha512-/eWL0n43D64QWEUHLtTE+jDqjkJhyidjkDhv6f0uJohOUAhywxQ9wXYp845DNNds0JpCdI4Uo0a9bl+vbXf+ew=="], - "@swc/core-darwin-arm64": ["@swc/core-darwin-arm64@1.15.30", "", { "os": "darwin", "cpu": "arm64" }, "sha512-VvpP+vq08HmGYewMWvrdsxh9s2lthz/808zXm8Yu5kaqeR8Yia2b0eYXleHQ3VAjoStUDk6LzTheBW9KXYQdMA=="], + "@swc/core-darwin-arm64": ["@swc/core-darwin-arm64@1.15.32", "", { "os": "darwin", "cpu": "arm64" }, "sha512-/YWMvJDPu+AAwuUsM2G+DNQ/7zhodURGzdQyewEqcvgklAdDHs3LwQmLLnyn6SJl8DT8UOxkbzK+D1PmPeelRg=="], - "@swc/core-darwin-x64": ["@swc/core-darwin-x64@1.15.30", "", { "os": "darwin", "cpu": "x64" }, "sha512-WiJA0hiZI3nwQAO6mu5RqigtWGDtth4Hiq6rbZxAaQyhIcqKIg5IoMRc1Y071lrNJn29eEDMC86Rq58xgUxlDg=="], + "@swc/core-darwin-x64": ["@swc/core-darwin-x64@1.15.32", "", { "os": "darwin", "cpu": "x64" }, "sha512-KOTXJXdAhWL+hZ77MYP3z+4pcMFaQhQ74yqyN1uz093q0YnbxpqMtYpPISbYvMHzVRNNx5kN+9RZAXEaadhWVA=="], - "@swc/core-linux-arm-gnueabihf": ["@swc/core-linux-arm-gnueabihf@1.15.30", "", { "os": "linux", "cpu": "arm" }, "sha512-YANuFUo48kIT6plJgCD0keae9HFXfjxsbvsgevqc0hr/07X/p7sAWTFOGYEc2SXcASaK7UvuQqzlbW8pr7R79g=="], + "@swc/core-linux-arm-gnueabihf": ["@swc/core-linux-arm-gnueabihf@1.15.32", "", { "os": "linux", "cpu": "arm" }, "sha512-oOoxLweljlc0A4X8ybsgxV7cVaYTwBOg2iMDJcFR3Sr48C+lsv9VzSmqdK/IVIXF4W4GjLc3VqTAdSMXlfVLuQ=="], - "@swc/core-linux-arm64-gnu": ["@swc/core-linux-arm64-gnu@1.15.30", "", { "os": "linux", "cpu": "arm64" }, "sha512-VndG8jaR4ugY6u+iVOT0Q+d2fZd7sLgjPgN8W/Le+3EbZKl+cRfFxV7Eoz4gfLqhmneZPdcIzf9T3LkgkmqNLg=="], + "@swc/core-linux-arm64-gnu": ["@swc/core-linux-arm64-gnu@1.15.32", "", { "os": "linux", "cpu": "arm64" }, "sha512-oDzEkdl6D6BAWdMtU5KGO7y3HR5fJcvByNLyEk9+ugj8nP5Ovb7P4kBcStBXc4MPExFGQryehiINMlmY8HlclA=="], - "@swc/core-linux-arm64-musl": ["@swc/core-linux-arm64-musl@1.15.30", "", { "os": "linux", "cpu": "arm64" }, "sha512-1SYGs2l0Yyyi0pR/P/NKz/x0kqxkoiw+BXeJjLUdecSk/KasncWlJrc6hOvFSgKHOBrzgM5jwuluKtlT8dnrcA=="], + "@swc/core-linux-arm64-musl": ["@swc/core-linux-arm64-musl@1.15.32", "", { "os": "linux", "cpu": "arm64" }, "sha512-omcqjoZP/b8D8PuczVoRwJieC6ibj7qIxTftNYokz4/aSmKFHvsd7nIFfPk5ZvtzncbH4AY7+Dkr/Lp2gWxYeA=="], - "@swc/core-linux-ppc64-gnu": ["@swc/core-linux-ppc64-gnu@1.15.30", "", { "os": "linux", "cpu": "ppc64" }, "sha512-TXREtiXeRhbfDFbmhnkIsXpKfzbfT73YkV2ZF6w0sfxgjC5zI2ZAbaCOq25qxvegofj2K93DtOpm9RLaBgqR2g=="], + "@swc/core-linux-ppc64-gnu": ["@swc/core-linux-ppc64-gnu@1.15.32", "", { "os": "linux", "cpu": "ppc64" }, "sha512-KGkTMyz/Tbn3PBNu0AVZ4GTDFKnICrYcTiNPZq8DrvK42pnFsf3GNDrIG9E5AtQlTmC0YigkWKmu0eMcfTrmgA=="], - "@swc/core-linux-s390x-gnu": ["@swc/core-linux-s390x-gnu@1.15.30", "", { "os": "linux", "cpu": "s390x" }, "sha512-DCR2YYeyd6DQE4OuDhImouuNcjXEiEdnn1Y0DyGteugPEDvVuvYk8Xddi+4o2SgWH6jiW8/I+3emZvbep1NC+g=="], + "@swc/core-linux-s390x-gnu": ["@swc/core-linux-s390x-gnu@1.15.32", "", { "os": "linux", "cpu": "s390x" }, "sha512-G3Aa4tVS/3OGZBkoNIwUF9F6RAy+Osb4GOlo62SinLmDiErz/ykmM7KH0wkz6l9kM8jJq1HyAM6atJTUEbBk7g=="], - "@swc/core-linux-x64-gnu": ["@swc/core-linux-x64-gnu@1.15.30", "", { "os": "linux", "cpu": "x64" }, "sha512-5Pizw3NgfOJ5BJOBK8TIRa59xFW2avESTOBDPTAYwZYa1JNDs+KMF9lUfjJiJLM5HiMs/wPheA9eiT0q9m2AoA=="], + "@swc/core-linux-x64-gnu": ["@swc/core-linux-x64-gnu@1.15.32", "", { "os": "linux", "cpu": "x64" }, "sha512-ERsjfGcj6CBmj3vJnGDO8m8rTvw6RqMcWo1dogOtNx3/+/0+NNpJiXDobJrr1GwInI/BHAEkvSFIH6d2LqPcUQ=="], - "@swc/core-linux-x64-musl": ["@swc/core-linux-x64-musl@1.15.30", "", { "os": "linux", "cpu": "x64" }, "sha512-qyqydP/wyH8alcIP4a2hnGSjHLJjm9H7yDFup+CPy9oTahFgLLwnNcv5UHXqO2Qs3AIND+cls5f/Bb6hqpxdgA=="], + "@swc/core-linux-x64-musl": ["@swc/core-linux-x64-musl@1.15.32", "", { "os": "linux", "cpu": "x64" }, "sha512-N4Ggahe/8SUbTX50P6EdhbW9YWcgbZVb52R4cq6MK+zsoMjRq7rGvV5ztA05QnbaCYqMYx8rTY7KAIA3Crdo4Q=="], - "@swc/core-win32-arm64-msvc": ["@swc/core-win32-arm64-msvc@1.15.30", "", { "os": "win32", "cpu": "arm64" }, "sha512-CaQENgDHVGOg1mSF5sQVgvfFHG9kjMor2rkLMLeLOkfZYNj13ppnJ9+lfaBZLZUMMbnlGQnavCJb8PVBUOso7Q=="], + "@swc/core-win32-arm64-msvc": ["@swc/core-win32-arm64-msvc@1.15.32", "", { "os": "win32", "cpu": "arm64" }, "sha512-01yN0o9jvo8xBTP12aPK2wW8b41jmOlGbDDlAnoynotc4pO6xA0zby9f1z6j++qXDpGBttLySq1omgVrlQKYcw=="], - "@swc/core-win32-ia32-msvc": ["@swc/core-win32-ia32-msvc@1.15.30", "", { "os": "win32", "cpu": "ia32" }, "sha512-30VdLeGk6fugiUs/kUdJ/pAg7z/zpvVbR11RH60jZ0Z42WIeIniYx0rLEWN7h/pKJ3CopqsQ3RsogCAkRKiA2g=="], + "@swc/core-win32-ia32-msvc": ["@swc/core-win32-ia32-msvc@1.15.32", "", { "os": "win32", "cpu": "ia32" }, "sha512-fLagI9XZYNpTcmlqAcp3KBtmj7E19WCmYD80Jxj1Kn5tGNa7yxNLd3NNdWxuZGUPl5iC0/KqZru7g08gF6Fsrw=="], - "@swc/core-win32-x64-msvc": ["@swc/core-win32-x64-msvc@1.15.30", "", { "os": "win32", "cpu": "x64" }, "sha512-4iObHPR+Q4oDY110EF5SF5eIaaVJNpMdG9C0q3Q92BsJ5y467uHz7sYQhP60WYlLFsLQ1el2YrIPUItUAQGOKg=="], + "@swc/core-win32-x64-msvc": ["@swc/core-win32-x64-msvc@1.15.32", "", { "os": "win32", "cpu": "x64" }, "sha512-gbc2bQ/T2CiR+w0OvcVKwLOFAcPZBvmWmolbwpg1E8UrpeC03DGtyMUApOHNXNYWA3SHFrYXCQtosrcMza1YFg=="], "@swc/counter": ["@swc/counter@0.1.3", "", {}, "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="], @@ -350,7 +350,7 @@ "base-x": ["base-x@3.0.11", "", { "dependencies": { "safe-buffer": "^5.0.1" } }, "sha512-xz7wQ8xDhdyP7tQxwdteLYeFfS68tSMNCZ/Y37WJ4bhGfKPpqEIlmIyueQHqOyoPhE6xNUqjzRr8ra0eF9VRvA=="], - "baseline-browser-mapping": ["baseline-browser-mapping@2.10.22", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-6qruVrb5rse6WylFkU0FhBKKGuecWseqdpQfhkawn6ztyk2QlfwSRjsDxMCLJrkfmfN21qvhl9ABgaMeRkuwww=="], + "baseline-browser-mapping": ["baseline-browser-mapping@2.10.24", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-I2NkZOOrj2XuguvWCK6OVh9GavsNjZjK908Rq3mIBK25+GD8vPX5w2WdxVqnQ7xx3SrZJiCiZFu+/Oz50oSYSA=="], "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="], @@ -558,7 +558,7 @@ "picomatch": ["picomatch@2.3.2", "", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="], - "postcss": ["postcss@8.5.10", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ=="], + "postcss": ["postcss@8.5.12", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA=="], "postcss-media-query-parser": ["postcss-media-query-parser@0.2.3", "", {}, "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig=="], @@ -606,11 +606,11 @@ "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="], - "string-width": ["string-width@8.2.0", "", { "dependencies": { "get-east-asian-width": "^1.5.0", "strip-ansi": "^7.1.2" } }, "sha512-6hJPQ8N0V0P3SNmP6h2J99RLuzrWz2gvT7VnK5tKvrNqJoyS9W4/Fb8mo31UiPvy00z7DQXkP2hnKBVav76thw=="], + "string-width": ["string-width@8.2.1", "", { "dependencies": { "get-east-asian-width": "^1.5.0", "strip-ansi": "^7.1.2" } }, "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA=="], "strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="], - "stylelint": ["stylelint@17.9.0", "", { "dependencies": { "@csstools/css-calc": "^3.2.0", "@csstools/css-parser-algorithms": "^4.0.0", "@csstools/css-syntax-patches-for-csstree": "^1.1.3", "@csstools/css-tokenizer": "^4.0.0", "@csstools/media-query-list-parser": "^5.0.0", "@csstools/selector-resolve-nested": "^4.0.0", "@csstools/selector-specificity": "^6.0.0", "colord": "^2.9.3", "cosmiconfig": "^9.0.1", "css-functions-list": "^3.3.3", "css-tree": "^3.2.1", "debug": "^4.4.3", "fast-glob": "^3.3.3", "fastest-levenshtein": "^1.0.16", "file-entry-cache": "^11.1.2", "global-modules": "^2.0.0", "globby": "^16.2.0", "globjoin": "^0.1.4", "html-tags": "^5.1.0", "ignore": "^7.0.5", "import-meta-resolve": "^4.2.0", "is-plain-object": "^5.0.0", "mathml-tag-names": "^4.0.0", "meow": "^14.1.0", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.5.9", "postcss-safe-parser": "^7.0.1", "postcss-selector-parser": "^7.1.1", "postcss-value-parser": "^4.2.0", "string-width": "^8.2.0", "supports-hyperlinks": "^4.4.0", "svg-tags": "^1.0.0", "table": "^6.9.0", "write-file-atomic": "^7.0.1" }, "bin": { "stylelint": "bin/stylelint.mjs" } }, "sha512-xO0jeY6z1/urFL5L/BZLmB1yYlbRiRMQnYH6ArZIDWJ+SZXGssOY7XoYb1JIv/L220+EBnwwJXJS4Mt/F96SvA=="], + "stylelint": ["stylelint@17.9.1", "", { "dependencies": { "@csstools/css-calc": "^3.2.0", "@csstools/css-parser-algorithms": "^4.0.0", "@csstools/css-syntax-patches-for-csstree": "^1.1.3", "@csstools/css-tokenizer": "^4.0.0", "@csstools/media-query-list-parser": "^5.0.0", "@csstools/selector-resolve-nested": "^4.0.0", "@csstools/selector-specificity": "^6.0.0", "colord": "^2.9.3", "cosmiconfig": "^9.0.1", "css-functions-list": "^3.3.3", "css-tree": "^3.2.1", "debug": "^4.4.3", "fast-glob": "^3.3.3", "fastest-levenshtein": "^1.0.16", "file-entry-cache": "^11.1.2", "global-modules": "^2.0.0", "globby": "^16.2.0", "globjoin": "^0.1.4", "html-tags": "^5.1.0", "ignore": "^7.0.5", "import-meta-resolve": "^4.2.0", "is-plain-object": "^5.0.0", "mathml-tag-names": "^4.0.0", "meow": "^14.1.0", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.5.9", "postcss-safe-parser": "^7.0.1", "postcss-selector-parser": "^7.1.1", "postcss-value-parser": "^4.2.0", "string-width": "^8.2.0", "supports-hyperlinks": "^4.4.0", "svg-tags": "^1.0.0", "table": "^6.9.0", "write-file-atomic": "^7.0.1" }, "bin": { "stylelint": "bin/stylelint.mjs" } }, "sha512-THTmnAPJTrg/JhkTWZlSyrO+HUYMx6ELthIHeMyD2WOKqXIJUFQv2Yxn91bvUrZdbBJaW2dUuQdPST2wcQ6C3g=="], "stylelint-config-recommended": ["stylelint-config-recommended@18.0.0", "", { "peerDependencies": { "stylelint": "^17.0.0" } }, "sha512-mxgT2XY6YZ3HWWe3Di8umG6aBmWmHTblTgu/f10rqFXnyWxjKWwNdjSWkgkwCtxIKnqjSJzvFmPT5yabVIRxZg=="], @@ -664,7 +664,7 @@ "node-gyp-build-optional-packages/detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="], - "qified/hookified": ["hookified@2.1.1", "", {}, "sha512-AHb76R16GB5EsPBE2J7Ko5kiEyXwviB9P5SMrAKcuAu4vJPZttViAbj9+tZeaQE5zjDme+1vcHP78Yj/WoAveA=="], + "qified/hookified": ["hookified@2.2.0", "", {}, "sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA=="], "supports-color/has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="], diff --git a/dist/index.css b/dist/index.css index e8ac2ee..8990b24 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1,2 +1,2 @@ -*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;vertical-align:baseline}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,textarea,button,select{font-family:inherit;font-size:inherit;margin:0}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block:5ex}:root,[data-new-ui-theme=light]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-high-contrast:var(--white);--border-muted:var(--grey3);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--grey4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--grey10);--content-secondary:var(--grey7);--content-secondary-alt:var(--grey5);--content-placeholder:var(--grey4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-high-contrast:var(--white);--border-muted:var(--warm3);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--warm4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--warm10);--content-secondary:var(--warm7);--content-secondary-alt:var(--warm5);--content-placeholder:var(--warm4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-high-contrast:var(--white);--border-muted:var(--cold3);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--cold4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--cold10);--content-secondary:var(--cold7);--content-secondary-alt:var(--cold5);--content-placeholder:var(--cold4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=dark]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-high-contrast:var(--black);--border-muted:var(--grey8);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--grey8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--grey1);--content-secondary:var(--grey4);--content-secondary-alt:var(--grey6);--content-placeholder:var(--grey7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm8);--background-selected-hover:var(--warm7);--background-high-contrast:var(--black);--border-muted:var(--warm8);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--warm8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--warm1);--content-secondary:var(--warm4);--content-secondary-alt:var(--warm6);--content-placeholder:var(--warm7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-high-contrast:var(--black);--border-muted:var(--cold8);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--cold8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--cold1);--content-secondary:var(--cold4);--content-secondary-alt:var(--cold6);--content-placeholder:var(--cold7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-high-contrast{background-color:var(--background-high-contrast)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--content-primary)}.nu-u-text--secondary{color:var(--content-secondary)}.nu-u-text--secondary-alt{color:var(--content-secondary-alt)}.nu-u-text--placeholder::placeholder{color:var(--content-placeholder)}.nu-u-text--on-color{color:var(--content-on-color)}.nu-u-text--error{color:var(--content-error)}.nu-u-text--success{color:var(--content-success)}.nu-u-text--inked{color:var(--content-inked)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--visited{color:var(--link-visited)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-info)}:root{--dialog-strong:0px 16px 48px #00000029;--dialog:0px 0px 0px .5px #0000000f, 0px 12px 24px #00000014, 0px 2px 3px #0000000a;--content:0px 2px 3px #0000000f;--canvas:0px 0px 0px #0000;--keyboard-key:0 2px 0px var(--grey4);--focus-default:0px 0px 0px 2px var(--blue5);--focus-accent:0px 0px 0px 2px var(--blue8);--focus-inverse:0px 0px 0px 2px var(--white);--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--blur-xs:.25rem;--blur-sm:.5rem;--blur-md:.75rem;--blur-lg:1rem;--blur-xl:1.5rem;--blur-2xl:2.5rem;--blur-3xl:4rem;--perspective-dramatic:6.25rem;--perspective-near:18.75rem;--perspective-normal:31.25rem;--perspective-midrange:50rem;--perspective-distant:75rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.sh-dialog--strong{box-shadow:var(--dialog-strong)}.sh-dialog{box-shadow:var(--dialog)}.sh-content{box-shadow:var(--content)}.sh-canvas{box-shadow:var(--canvas)}.sh-default{box-shadow:var(--focus-default)}.sh-accent{box-shadow:var(--focus-accent)}.sh-inverse{box-shadow:var(--focus-inverse)}:root{--spacing:.125rem;--spacing-00:0px;--spacing-01:var(--spacing);--spacing-02:calc(var(--spacing) * 2);--spacing-03:calc(var(--spacing) * 3);--spacing-04:calc(var(--spacing) * 4);--spacing-05:calc(var(--spacing) * 6);--spacing-06:calc(var(--spacing) * 8);--spacing-07:calc(var(--spacing) * 10);--spacing-08:calc(var(--spacing) * 12);--spacing-09:calc(var(--spacing) * 16);--spacing-10:calc(var(--spacing) * 20);--spacing-11:calc(var(--spacing) * 24);--spacing-12:calc(var(--spacing) * 28);--spacing-13:calc(var(--spacing) * 32);--spacing-14:calc(var(--spacing) * 36);--spacing-15:calc(var(--spacing) * 40);--spacing-16:calc(var(--spacing) * 48);--spacing-17:calc(var(--spacing) * 60);--spacing-18:calc(var(--spacing) * 80);--spacing-zero:var(--spacing-00);--spacing-xs:var(--spacing-02);--spacing-s:var(--spacing-04);--spacing-m:var(--spacing-05);--spacing-l:var(--spacing-06);--spacing-xl:var(--spacing-08);--spacing-xxl:var(--spacing-09);--spacing-xxxl:var(--spacing-11);--size-xs:var(--spacing-06);--size-s:var(--spacing-08);--size-m:var(--spacing-09);--controls-size-default:var(--spacing-09);--controls-size-small:var(--spacing-08)}.nu-u-mx-auto{margin-inline:auto}.nu-u-me-auto{margin-right:auto}.nu-u-ms-auto{margin-left:auto}.nu-u-m-zero{margin:var(--spacing-zero)}.nu-u-m-xs{margin:var(--spacing-xs)}.nu-u-m-s{margin:var(--spacing-s)}.nu-u-m-m{margin:var(--spacing-m)}.nu-u-m-l{margin:var(--spacing-l)}.nu-u-m-xl{margin:var(--spacing-xl)}.nu-u-m-xxl{margin:var(--spacing-xxl)}.nu-u-m-xxxl{margin:var(--spacing-xxxl)}.nu-u-mt-zero{margin-top:var(--spacing-zero)}.nu-u-mt-xs{margin-top:var(--spacing-xs)}.nu-u-mt-s{margin-top:var(--spacing-s)}.nu-u-mt-m{margin-top:var(--spacing-m)}.nu-u-mt-l{margin-top:var(--spacing-l)}.nu-u-mt-xl{margin-top:var(--spacing-xl)}.nu-u-mt-xxl{margin-top:var(--spacing-xxl)}.nu-u-mt-xxxl{margin-top:var(--spacing-xxxl)}.nu-u-mb-zero{margin-bottom:var(--spacing-zero)}.nu-u-mb-xs{margin-bottom:var(--spacing-xs)}.nu-u-mb-s{margin-bottom:var(--spacing-s)}.nu-u-mb-m{margin-bottom:var(--spacing-m)}.nu-u-mb-l{margin-bottom:var(--spacing-l)}.nu-u-mb-xl{margin-bottom:var(--spacing-xl)}.nu-u-mb-xxl{margin-bottom:var(--spacing-xxl)}.nu-u-mb-xxxl{margin-bottom:var(--spacing-xxxl)}.nu-u-ms-zero{margin-left:var(--spacing-zero)}.nu-u-ms-xs{margin-left:var(--spacing-xs)}.nu-u-ms-s{margin-left:var(--spacing-s)}.nu-u-ms-m{margin-left:var(--spacing-m)}.nu-u-ms-l{margin-left:var(--spacing-l)}.nu-u-ms-xl{margin-left:var(--spacing-xl)}.nu-u-ms-xxl{margin-left:var(--spacing-xxl)}.nu-u-ms-xxxl{margin-left:var(--spacing-xxxl)}.nu-u-me-zero{margin-right:var(--spacing-zero)}.nu-u-me-xs{margin-right:var(--spacing-xs)}.nu-u-me-s{margin-right:var(--spacing-s)}.nu-u-me-m{margin-right:var(--spacing-m)}.nu-u-me-l{margin-right:var(--spacing-l)}.nu-u-me-xl{margin-right:var(--spacing-xl)}.nu-u-me-xxl{margin-right:var(--spacing-xxl)}.nu-u-me-xxxl{margin-right:var(--spacing-xxxl)}.nu-u-mx-zero{margin-inline:var(--spacing-zero)}.nu-u-mx-xs{margin-inline:var(--spacing-xs)}.nu-u-mx-s{margin-inline:var(--spacing-s)}.nu-u-mx-m{margin-inline:var(--spacing-m)}.nu-u-mx-l{margin-inline:var(--spacing-l)}.nu-u-mx-xl{margin-inline:var(--spacing-xl)}.nu-u-mx-xxl{margin-inline:var(--spacing-xxl)}.nu-u-mx-xxxl{margin-inline:var(--spacing-xxxl)}.nu-u-my-zero{margin-block:var(--spacing-zero)}.nu-u-my-xs{margin-block:var(--spacing-xs)}.nu-u-my-s{margin-block:var(--spacing-s)}.nu-u-my-m{margin-block:var(--spacing-m)}.nu-u-my-l{margin-block:var(--spacing-l)}.nu-u-my-xl{margin-block:var(--spacing-xl)}.nu-u-my-xxl{margin-block:var(--spacing-xxl)}.nu-u-my-xxxl{margin-block:var(--spacing-xxxl)}.nu-u-p-zero{padding:var(--spacing-zero)}.nu-u-p-xs{padding:var(--spacing-xs)}.nu-u-p-s{padding:var(--spacing-s)}.nu-u-p-m{padding:var(--spacing-m)}.nu-u-p-l{padding:var(--spacing-l)}.nu-u-p-xl{padding:var(--spacing-xl)}.nu-u-p-xxl{padding:var(--spacing-xxl)}.nu-u-p-xxxl{padding:var(--spacing-xxxl)}.nu-u-pt-zero{padding-top:var(--spacing-zero)}.nu-u-pt-xs{padding-top:var(--spacing-xs)}.nu-u-pt-s{padding-top:var(--spacing-s)}.nu-u-pt-m{padding-top:var(--spacing-m)}.nu-u-pt-l{padding-top:var(--spacing-l)}.nu-u-pt-xl{padding-top:var(--spacing-xl)}.nu-u-pt-xxl{padding-top:var(--spacing-xxl)}.nu-u-pt-xxxl{padding-top:var(--spacing-xxxl)}.nu-u-pb-zero{padding-bottom:var(--spacing-zero)}.nu-u-pb-xs{padding-bottom:var(--spacing-xs)}.nu-u-pb-s{padding-bottom:var(--spacing-s)}.nu-u-pb-m{padding-bottom:var(--spacing-m)}.nu-u-pb-l{padding-bottom:var(--spacing-l)}.nu-u-pb-xl{padding-bottom:var(--spacing-xl)}.nu-u-pb-xxl{padding-bottom:var(--spacing-xxl)}.nu-u-pb-xxxl{padding-bottom:var(--spacing-xxxl)}.nu-u-ps-zero{padding-left:var(--spacing-zero)}.nu-u-ps-xs{padding-left:var(--spacing-xs)}.nu-u-ps-s{padding-left:var(--spacing-s)}.nu-u-ps-m{padding-left:var(--spacing-m)}.nu-u-ps-l{padding-left:var(--spacing-l)}.nu-u-ps-xl{padding-left:var(--spacing-xl)}.nu-u-ps-xxl{padding-left:var(--spacing-xxl)}.nu-u-ps-xxxl{padding-left:var(--spacing-xxxl)}.nu-u-pe-zero{padding-right:var(--spacing-zero)}.nu-u-pe-xs{padding-right:var(--spacing-xs)}.nu-u-pe-s{padding-right:var(--spacing-s)}.nu-u-pe-m{padding-right:var(--spacing-m)}.nu-u-pe-l{padding-right:var(--spacing-l)}.nu-u-pe-xl{padding-right:var(--spacing-xl)}.nu-u-pe-xxl{padding-right:var(--spacing-xxl)}.nu-u-pe-xxxl{padding-right:var(--spacing-xxxl)}.nu-u-px-zero{padding-inline:var(--spacing-zero)}.nu-u-px-xs{padding-inline:var(--spacing-xs)}.nu-u-px-s{padding-inline:var(--spacing-s)}.nu-u-px-m{padding-inline:var(--spacing-m)}.nu-u-px-l{padding-inline:var(--spacing-l)}.nu-u-px-xl{padding-inline:var(--spacing-xl)}.nu-u-px-xxl{padding-inline:var(--spacing-xxl)}.nu-u-px-xxxl{padding-inline:var(--spacing-xxxl)}.nu-u-py-zero{padding-block:var(--spacing-zero)}.nu-u-py-xs{padding-block:var(--spacing-xs)}.nu-u-py-s{padding-block:var(--spacing-s)}.nu-u-py-m{padding-block:var(--spacing-m)}.nu-u-py-l{padding-block:var(--spacing-l)}.nu-u-py-xl{padding-block:var(--spacing-xl)}.nu-u-py-xxl{padding-block:var(--spacing-xxl)}.nu-u-py-xxxl{padding-block:var(--spacing-xxxl)}.nu-c-spacer-zero{height:var(--spacing-zero);display:block}.nu-c-spacer-xs{height:var(--spacing-xs);display:block}.nu-c-spacer-s{height:var(--spacing-s);display:block}.nu-c-spacer-m{height:var(--spacing-m);display:block}.nu-c-spacer-l{height:var(--spacing-l);display:block}.nu-c-spacer-xl{height:var(--spacing-xl);display:block}.nu-c-spacer-xxl{height:var(--spacing-xxl);display:block}.nu-c-spacer-xxxl{height:var(--spacing-xxxl);display:block}:root{--system-ui:system-ui, sans-serif;--old-style:"Iowan Old Style", "Palatino Linotype", "URW Palladio L", p052, serif;--monospace-code:ui-monospace, "Cascadia Code", "Source Code Pro", menlo, consolas, monospace;--handwritten:"Segoe Print", "Bradley Hand", chilanka, tscu_comic, casual, cursive;--mobile-heading-01:2rem;--mobile-heading-02:1.75rem;--mobile-heading-03:1.5rem;--mobile-heading-04:1.25rem;--mobile-heading-05:1.125rem;--mobile-heading-06:1rem;--mobile-body-xl:1rem;--mobile-body:.875rem;--mobile-body-sm:.75rem;--mobile-caption:.75rem;--mobile-helper-text:.75rem;--mobile-code:.875rem;--lh-mobile-heading-01:2.5rem;--lh-mobile-heading-02:2.25rem;--lh-mobile-heading-03:1.875rem;--lh-mobile-heading-04:1.75rem;--lh-mobile-heading-05:1.625rem;--lh-mobile-heading-06:1.5rem;--lh-mobile-body-xl:1.5rem;--lh-mobile-body:1.25rem;--lh-mobile-body-sm:1rem;--lh-mobile-caption:1rem;--lh-mobile-helper-text:1rem;--lh-mobile-code:1.25rem;--mobile-tracking-heading-01:-.05rem;--mobile-tracking-heading-02:-.025rem;--mobile-tracking-heading-03:-.025rem;--desktop-heading-01:3.375rem;--desktop-heading-02:2.625rem;--desktop-heading-03:2rem;--desktop-heading-04:1.75rem;--desktop-heading-05:1.25rem;--desktop-heading-06:1.125rem;--desktop-body-xl:1.125rem;--desktop-body:1rem;--desktop-body-sm:.875rem;--desktop-caption:.75rem;--desktop-helper-text:.75rem;--desktop-code:.875rem;--lh-desktop-heading-01:4rem;--lh-desktop-heading-02:3.125rem;--lh-desktop-heading-03:2.5rem;--lh-desktop-heading-04:2.25rem;--lh-desktop-heading-05:1.75rem;--lh-desktop-heading-06:1.625rem;--lh-desktop-body-xl:1.625rem;--lh-desktop-body:1.5rem;--lh-desktop-body-sm:1.25rem;--lh-desktop-caption:1rem;--lh-desktop-helper-text:1rem;--lh-desktop-code:1.25rem;--desktop-tracking-heading-01:-.075rem;--desktop-tracking-heading-02:-.05rem;--desktop-tracking-heading-03:-.025rem}.nu-u-fw-bold{font-weight:700}.nu-u-fw-semi-bold{font-weight:500}.nu-u-fw-normal{font-weight:400}.nu-u-text--uppercase{text-transform:uppercase}.nu-u-text--lowercase{text-transform:lowercase}.nu-u-text--capitalize{text-transform:capitalize}.nu-u-text--underline{text-decoration:underline}.nu-u-text--left{text-align:left}.nu-u-text--right{text-align:right}.nu-u-text--center{text-align:center}.nu-u-text--justify{text-align:justify}.nu-u-serif{font-family:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif}.nu-u-sans-serif{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}.nu-u-code{font-family:var(--monospace-code)}.nu-c-h1{font-weight:700;font-size:var(--desktop-heading-01);line-height:var(--lh-desktop-heading-01);letter-spacing:var(--desktop-tracking-heading-01)}@media screen and (width<=37.5rem){.nu-c-h1{font-size:var(--mobile-heading-01);line-height:var(--lh-mobile-heading-01);letter-spacing:var(--mobile-tracking-heading-01)}}.nu-c-h2{font-weight:700;font-size:var(--desktop-heading-02);line-height:var(--lh-desktop-heading-02);letter-spacing:var(--desktop-tracking-heading-02)}@media screen and (width<=37.5rem){.nu-c-h2{font-size:var(--mobile-heading-02);line-height:var(--lh-mobile-heading-02);letter-spacing:var(--mobile-tracking-heading-02)}}.nu-c-h3{font-weight:700;font-size:var(--desktop-heading-03);line-height:var(--lh-desktop-heading-03);letter-spacing:var(--desktop-tracking-heading-03)}@media screen and (width<=37.5rem){.nu-c-h3{font-size:var(--mobile-heading-03);line-height:var(--lh-mobile-heading-03);letter-spacing:var(--mobile-tracking-heading-03)}}.nu-c-h4{font-weight:700;font-size:var(--desktop-heading-04);line-height:var(--lh-desktop-heading-04)}@media screen and (width<=37.5rem){.nu-c-h4{font-size:var(--mobile-heading-04);line-height:var(--lh-mobile-heading-04)}}.nu-c-h5{font-weight:700;font-size:var(--desktop-heading-05);line-height:var(--lh-desktop-heading-05)}@media screen and (width<=37.5rem){.nu-c-h5{font-size:var(--mobile-heading-05);line-height:var(--lh-mobile-heading-05)}}.nu-c-h6{font-weight:500;font-size:var(--desktop-heading-06);line-height:var(--lh-desktop-heading-06)}@media screen and (width<=37.5rem){.nu-c-h6{font-size:var(--mobile-heading-06);line-height:var(--lh-mobile-heading-06)}}.nu-c-fs-lead{font-size:var(--desktop-body-xl);line-height:var(--lh-desktop-body-xl)}@media screen and (width<=37.5rem){.nu-c-fs-lead{font-size:var(--mobile-body-xl);line-height:var(--lh-mobile-body-xl)}}.nu-c-fs-normal{font-size:var(--desktop-body);line-height:var(--lh-desktop-body)}@media screen and (width<=37.5rem){.nu-c-fs-normal{font-size:var(--mobile-body);line-height:var(--lh-mobile-body)}}.nu-c-fs-small{font-size:var(--desktop-body-sm);line-height:var(--lh-desktop-body-sm)}@media screen and (width<=37.5rem){.nu-c-fs-small{font-size:var(--mobile-body-sm);line-height:var(--lh-mobile-body-sm)}}.nu-c-caption{text-transform:uppercase;font-weight:500;font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption)}@media screen and (width<=37.5rem){.nu-c-caption{font-size:var(--mobile-caption);line-height:var(--lh-mobile-caption)}}.nu-c-helper-text{font-size:var(--desktop-helper-text);line-height:var(--lh-desktop-helper-text)}@media screen and (width<=37.5rem){.nu-c-helper-text{font-size:var(--mobile-helper-text);line-height:var(--lh-mobile-helper-text)}}.nu-c-code{font-family:var(--monospace-code);font-size:var(--desktop-code);line-height:var(--desktop-code)}@media screen and (width<=37.5rem){.nu-c-code{font-size:var(--mobile-code);line-height:var(--mobile-code)}} +*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;vertical-align:baseline}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,textarea,button,select{font-family:inherit;font-size:inherit;margin:0}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block:5ex}:root,[data-new-ui-theme=light]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-high-contrast:var(--white);--border-muted:var(--grey3);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--grey4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--grey10);--content-secondary:var(--grey7);--content-secondary-alt:var(--grey5);--content-placeholder:var(--grey4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-high-contrast:var(--white);--border-muted:var(--warm3);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--warm4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--warm10);--content-secondary:var(--warm7);--content-secondary-alt:var(--warm5);--content-placeholder:var(--warm4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-high-contrast:var(--white);--border-muted:var(--cold3);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--cold4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--cold10);--content-secondary:var(--cold7);--content-secondary-alt:var(--cold5);--content-placeholder:var(--cold4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=dark]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-high-contrast:var(--black);--border-muted:var(--grey8);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--grey8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--grey1);--content-secondary:var(--grey4);--content-secondary-alt:var(--grey6);--content-placeholder:var(--grey7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm8);--background-selected-hover:var(--warm7);--background-high-contrast:var(--black);--border-muted:var(--warm8);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--warm8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--warm1);--content-secondary:var(--warm4);--content-secondary-alt:var(--warm6);--content-placeholder:var(--warm7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.8% .007 247.896);--grey2:oklch(92.9% .013 255.508);--grey3:oklch(86.9% .022 252.894);--grey4:oklch(70.4% .04 256.788);--grey5:oklch(55.4% .046 257.417);--grey6:oklch(44.6% .043 257.281);--grey7:oklch(37.2% .044 257.287);--grey8:oklch(27.9% .041 260.031);--grey9:oklch(20.8% .042 265.755);--grey10:oklch(12.9% .042 264.695);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-high-contrast:var(--black);--border-muted:var(--cold8);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--cold8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--cold1);--content-secondary:var(--cold4);--content-secondary-alt:var(--cold6);--content-placeholder:var(--cold7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-high-contrast{background-color:var(--background-high-contrast)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--content-primary)}.nu-u-text--secondary{color:var(--content-secondary)}.nu-u-text--secondary-alt{color:var(--content-secondary-alt)}.nu-u-text--placeholder::placeholder{color:var(--content-placeholder)}.nu-u-text--on-color{color:var(--content-on-color)}.nu-u-text--error{color:var(--content-error)}.nu-u-text--success{color:var(--content-success)}.nu-u-text--inked{color:var(--content-inked)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--visited{color:var(--link-visited)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-info)}:root{--dialog-strong:0px 16px 48px #00000029;--dialog:0px 12px 30px #00000029, 0px 2px 3px #0000001a;--content:0px 2px 4px #00000014;--canvas:none;--keyboard-key:0 2px 0px var(--border-muted);--focus-default:0px 0px 0px 2px var(--blue5);--focus-accent:0px 0px 0px 2px var(--blue8);--focus-inverse:0px 0px 0px 2px var(--white);--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--blur-xs:.25rem;--blur-sm:.5rem;--blur-md:.75rem;--blur-lg:1rem;--blur-xl:1.5rem;--blur-2xl:2.5rem;--blur-3xl:4rem;--perspective-dramatic:6.25rem;--perspective-near:18.75rem;--perspective-normal:31.25rem;--perspective-midrange:50rem;--perspective-distant:75rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}[data-new-ui-theme=dark],[data-new-ui-theme=dark--warm],[data-new-ui-theme=dark--cold]{--dialog-strong:0px 16px 48px #55555552, inset 0px 0px 0px .5px #ffffff29;--dialog:0px 0px 0px .5px #ffffff3d, 0px 2px 12px #33333352;--content:0px 2px 4px #ffffff0a, inset 0px .5px 0px #ffffff26;--canvas:none;--keyboard-key:0 2px 0px var(--border-muted)}.sh-dialog--strong{box-shadow:var(--dialog-strong)}.sh-dialog{box-shadow:var(--dialog)}.sh-content{box-shadow:var(--content)}.sh-canvas{box-shadow:var(--canvas)}.sh-default{box-shadow:var(--focus-default)}.sh-accent{box-shadow:var(--focus-accent)}.sh-inverse{box-shadow:var(--focus-inverse)}.nu-u-radius-xs{border-radius:var(--radius-xs)}.nu-u-radius-sm{border-radius:var(--radius-sm)}.nu-u-radius-md{border-radius:var(--radius-md)}.nu-u-radius-lg{border-radius:var(--radius-lg)}.nu-u-radius-xl{border-radius:var(--radius-xl)}.nu-u-radius-2xl{border-radius:var(--radius-2xl)}.nu-u-radius-3xl{border-radius:var(--radius-3xl)}.nu-u-radius-4xl{border-radius:var(--radius-4xl)}.nu-u-radius-full{border-radius:9999px}.nu-u-blur-xs{filter:blur(var(--blur-xs))}.nu-u-blur-sm{filter:blur(var(--blur-sm))}.nu-u-blur-md{filter:blur(var(--blur-md))}.nu-u-blur-lg{filter:blur(var(--blur-lg))}.nu-u-blur-xl{filter:blur(var(--blur-xl))}.nu-u-blur-2xl{filter:blur(var(--blur-2xl))}.nu-u-blur-3xl{filter:blur(var(--blur-3xl))}.nu-u-backdrop-blur-xs{backdrop-filter:blur(var(--blur-xs))}.nu-u-backdrop-blur-sm{backdrop-filter:blur(var(--blur-sm))}.nu-u-backdrop-blur-md{backdrop-filter:blur(var(--blur-md))}.nu-u-backdrop-blur-lg{backdrop-filter:blur(var(--blur-lg))}.nu-u-backdrop-blur-xl{backdrop-filter:blur(var(--blur-xl))}.nu-u-backdrop-blur-2xl{backdrop-filter:blur(var(--blur-2xl))}.nu-u-backdrop-blur-3xl{backdrop-filter:blur(var(--blur-3xl))}.nu-u-transition{transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-all{transition:all var(--default-transition-duration) var(--default-transition-timing-function)}.nu-u-transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-shadow{transition-property:box-shadow;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-transform{transition-property:transform;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-opacity{transition-property:opacity;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}:root{--spacing:.125rem;--spacing-00:0px;--spacing-01:var(--spacing);--spacing-02:calc(var(--spacing) * 2);--spacing-03:calc(var(--spacing) * 3);--spacing-04:calc(var(--spacing) * 4);--spacing-05:calc(var(--spacing) * 6);--spacing-06:calc(var(--spacing) * 8);--spacing-07:calc(var(--spacing) * 10);--spacing-08:calc(var(--spacing) * 12);--spacing-09:calc(var(--spacing) * 16);--spacing-10:calc(var(--spacing) * 20);--spacing-11:calc(var(--spacing) * 24);--spacing-12:calc(var(--spacing) * 28);--spacing-13:calc(var(--spacing) * 32);--spacing-14:calc(var(--spacing) * 36);--spacing-15:calc(var(--spacing) * 40);--spacing-16:calc(var(--spacing) * 48);--spacing-17:calc(var(--spacing) * 60);--spacing-18:calc(var(--spacing) * 80);--spacing-zero:var(--spacing-00);--spacing-xs:var(--spacing-02);--spacing-s:var(--spacing-04);--spacing-m:var(--spacing-05);--spacing-l:var(--spacing-06);--spacing-xl:var(--spacing-08);--spacing-xxl:var(--spacing-09);--spacing-xxxl:var(--spacing-11);--size-xs:var(--spacing-06);--size-s:var(--spacing-08);--size-m:var(--spacing-09);--controls-size-default:var(--spacing-09);--controls-size-small:var(--spacing-08)}.nu-u-mx-auto{margin-inline:auto}.nu-u-me-auto{margin-right:auto}.nu-u-ms-auto{margin-left:auto}.nu-u-m-zero{margin:var(--spacing-zero)}.nu-u-m-xs{margin:var(--spacing-xs)}.nu-u-m-s{margin:var(--spacing-s)}.nu-u-m-m{margin:var(--spacing-m)}.nu-u-m-l{margin:var(--spacing-l)}.nu-u-m-xl{margin:var(--spacing-xl)}.nu-u-m-xxl{margin:var(--spacing-xxl)}.nu-u-m-xxxl{margin:var(--spacing-xxxl)}.nu-u-mt-zero{margin-top:var(--spacing-zero)}.nu-u-mt-xs{margin-top:var(--spacing-xs)}.nu-u-mt-s{margin-top:var(--spacing-s)}.nu-u-mt-m{margin-top:var(--spacing-m)}.nu-u-mt-l{margin-top:var(--spacing-l)}.nu-u-mt-xl{margin-top:var(--spacing-xl)}.nu-u-mt-xxl{margin-top:var(--spacing-xxl)}.nu-u-mt-xxxl{margin-top:var(--spacing-xxxl)}.nu-u-mb-zero{margin-bottom:var(--spacing-zero)}.nu-u-mb-xs{margin-bottom:var(--spacing-xs)}.nu-u-mb-s{margin-bottom:var(--spacing-s)}.nu-u-mb-m{margin-bottom:var(--spacing-m)}.nu-u-mb-l{margin-bottom:var(--spacing-l)}.nu-u-mb-xl{margin-bottom:var(--spacing-xl)}.nu-u-mb-xxl{margin-bottom:var(--spacing-xxl)}.nu-u-mb-xxxl{margin-bottom:var(--spacing-xxxl)}.nu-u-ms-zero{margin-left:var(--spacing-zero)}.nu-u-ms-xs{margin-left:var(--spacing-xs)}.nu-u-ms-s{margin-left:var(--spacing-s)}.nu-u-ms-m{margin-left:var(--spacing-m)}.nu-u-ms-l{margin-left:var(--spacing-l)}.nu-u-ms-xl{margin-left:var(--spacing-xl)}.nu-u-ms-xxl{margin-left:var(--spacing-xxl)}.nu-u-ms-xxxl{margin-left:var(--spacing-xxxl)}.nu-u-me-zero{margin-right:var(--spacing-zero)}.nu-u-me-xs{margin-right:var(--spacing-xs)}.nu-u-me-s{margin-right:var(--spacing-s)}.nu-u-me-m{margin-right:var(--spacing-m)}.nu-u-me-l{margin-right:var(--spacing-l)}.nu-u-me-xl{margin-right:var(--spacing-xl)}.nu-u-me-xxl{margin-right:var(--spacing-xxl)}.nu-u-me-xxxl{margin-right:var(--spacing-xxxl)}.nu-u-mx-zero{margin-inline:var(--spacing-zero)}.nu-u-mx-xs{margin-inline:var(--spacing-xs)}.nu-u-mx-s{margin-inline:var(--spacing-s)}.nu-u-mx-m{margin-inline:var(--spacing-m)}.nu-u-mx-l{margin-inline:var(--spacing-l)}.nu-u-mx-xl{margin-inline:var(--spacing-xl)}.nu-u-mx-xxl{margin-inline:var(--spacing-xxl)}.nu-u-mx-xxxl{margin-inline:var(--spacing-xxxl)}.nu-u-my-zero{margin-block:var(--spacing-zero)}.nu-u-my-xs{margin-block:var(--spacing-xs)}.nu-u-my-s{margin-block:var(--spacing-s)}.nu-u-my-m{margin-block:var(--spacing-m)}.nu-u-my-l{margin-block:var(--spacing-l)}.nu-u-my-xl{margin-block:var(--spacing-xl)}.nu-u-my-xxl{margin-block:var(--spacing-xxl)}.nu-u-my-xxxl{margin-block:var(--spacing-xxxl)}.nu-u-p-zero{padding:var(--spacing-zero)}.nu-u-p-xs{padding:var(--spacing-xs)}.nu-u-p-s{padding:var(--spacing-s)}.nu-u-p-m{padding:var(--spacing-m)}.nu-u-p-l{padding:var(--spacing-l)}.nu-u-p-xl{padding:var(--spacing-xl)}.nu-u-p-xxl{padding:var(--spacing-xxl)}.nu-u-p-xxxl{padding:var(--spacing-xxxl)}.nu-u-pt-zero{padding-top:var(--spacing-zero)}.nu-u-pt-xs{padding-top:var(--spacing-xs)}.nu-u-pt-s{padding-top:var(--spacing-s)}.nu-u-pt-m{padding-top:var(--spacing-m)}.nu-u-pt-l{padding-top:var(--spacing-l)}.nu-u-pt-xl{padding-top:var(--spacing-xl)}.nu-u-pt-xxl{padding-top:var(--spacing-xxl)}.nu-u-pt-xxxl{padding-top:var(--spacing-xxxl)}.nu-u-pb-zero{padding-bottom:var(--spacing-zero)}.nu-u-pb-xs{padding-bottom:var(--spacing-xs)}.nu-u-pb-s{padding-bottom:var(--spacing-s)}.nu-u-pb-m{padding-bottom:var(--spacing-m)}.nu-u-pb-l{padding-bottom:var(--spacing-l)}.nu-u-pb-xl{padding-bottom:var(--spacing-xl)}.nu-u-pb-xxl{padding-bottom:var(--spacing-xxl)}.nu-u-pb-xxxl{padding-bottom:var(--spacing-xxxl)}.nu-u-ps-zero{padding-left:var(--spacing-zero)}.nu-u-ps-xs{padding-left:var(--spacing-xs)}.nu-u-ps-s{padding-left:var(--spacing-s)}.nu-u-ps-m{padding-left:var(--spacing-m)}.nu-u-ps-l{padding-left:var(--spacing-l)}.nu-u-ps-xl{padding-left:var(--spacing-xl)}.nu-u-ps-xxl{padding-left:var(--spacing-xxl)}.nu-u-ps-xxxl{padding-left:var(--spacing-xxxl)}.nu-u-pe-zero{padding-right:var(--spacing-zero)}.nu-u-pe-xs{padding-right:var(--spacing-xs)}.nu-u-pe-s{padding-right:var(--spacing-s)}.nu-u-pe-m{padding-right:var(--spacing-m)}.nu-u-pe-l{padding-right:var(--spacing-l)}.nu-u-pe-xl{padding-right:var(--spacing-xl)}.nu-u-pe-xxl{padding-right:var(--spacing-xxl)}.nu-u-pe-xxxl{padding-right:var(--spacing-xxxl)}.nu-u-px-zero{padding-inline:var(--spacing-zero)}.nu-u-px-xs{padding-inline:var(--spacing-xs)}.nu-u-px-s{padding-inline:var(--spacing-s)}.nu-u-px-m{padding-inline:var(--spacing-m)}.nu-u-px-l{padding-inline:var(--spacing-l)}.nu-u-px-xl{padding-inline:var(--spacing-xl)}.nu-u-px-xxl{padding-inline:var(--spacing-xxl)}.nu-u-px-xxxl{padding-inline:var(--spacing-xxxl)}.nu-u-py-zero{padding-block:var(--spacing-zero)}.nu-u-py-xs{padding-block:var(--spacing-xs)}.nu-u-py-s{padding-block:var(--spacing-s)}.nu-u-py-m{padding-block:var(--spacing-m)}.nu-u-py-l{padding-block:var(--spacing-l)}.nu-u-py-xl{padding-block:var(--spacing-xl)}.nu-u-py-xxl{padding-block:var(--spacing-xxl)}.nu-u-py-xxxl{padding-block:var(--spacing-xxxl)}.nu-c-spacer-zero{height:var(--spacing-zero);display:block}.nu-c-spacer-xs{height:var(--spacing-xs);display:block}.nu-c-spacer-s{height:var(--spacing-s);display:block}.nu-c-spacer-m{height:var(--spacing-m);display:block}.nu-c-spacer-l{height:var(--spacing-l);display:block}.nu-c-spacer-xl{height:var(--spacing-xl);display:block}.nu-c-spacer-xxl{height:var(--spacing-xxl);display:block}.nu-c-spacer-xxxl{height:var(--spacing-xxxl);display:block}:root{--system-ui:system-ui, sans-serif;--old-style:"Iowan Old Style", "Palatino Linotype", "URW Palladio L", p052, serif;--monospace-code:ui-monospace, "Cascadia Code", "Source Code Pro", menlo, consolas, monospace;--handwritten:"Segoe Print", "Bradley Hand", chilanka, tscu_comic, casual, cursive;--mobile-heading-01:2rem;--mobile-heading-02:1.75rem;--mobile-heading-03:1.5rem;--mobile-heading-04:1.25rem;--mobile-heading-05:1.125rem;--mobile-heading-06:1rem;--mobile-body-xl:1rem;--mobile-body:.875rem;--mobile-body-sm:.75rem;--mobile-caption:.75rem;--mobile-helper-text:.75rem;--mobile-code:.875rem;--lh-mobile-heading-01:2.5rem;--lh-mobile-heading-02:2.25rem;--lh-mobile-heading-03:1.875rem;--lh-mobile-heading-04:1.75rem;--lh-mobile-heading-05:1.625rem;--lh-mobile-heading-06:1.5rem;--lh-mobile-body-xl:1.5rem;--lh-mobile-body:1.25rem;--lh-mobile-body-sm:1rem;--lh-mobile-caption:1rem;--lh-mobile-helper-text:1rem;--lh-mobile-code:1.25rem;--mobile-tracking-heading-01:-.05rem;--mobile-tracking-heading-02:-.025rem;--mobile-tracking-heading-03:-.025rem;--desktop-heading-01:3.375rem;--desktop-heading-02:2.625rem;--desktop-heading-03:2rem;--desktop-heading-04:1.75rem;--desktop-heading-05:1.25rem;--desktop-heading-06:1.125rem;--desktop-body-xl:1.125rem;--desktop-body:1rem;--desktop-body-sm:.875rem;--desktop-caption:.75rem;--desktop-helper-text:.75rem;--desktop-code:.875rem;--lh-desktop-heading-01:4rem;--lh-desktop-heading-02:3.125rem;--lh-desktop-heading-03:2.5rem;--lh-desktop-heading-04:2.25rem;--lh-desktop-heading-05:1.75rem;--lh-desktop-heading-06:1.625rem;--lh-desktop-body-xl:1.625rem;--lh-desktop-body:1.5rem;--lh-desktop-body-sm:1.25rem;--lh-desktop-caption:1rem;--lh-desktop-helper-text:1rem;--lh-desktop-code:1.25rem;--desktop-tracking-heading-01:-.075rem;--desktop-tracking-heading-02:-.05rem;--desktop-tracking-heading-03:-.025rem}.nu-u-fw-bold{font-weight:700}.nu-u-fw-semi-bold{font-weight:500}.nu-u-fw-normal{font-weight:400}.nu-u-text--uppercase{text-transform:uppercase}.nu-u-text--lowercase{text-transform:lowercase}.nu-u-text--capitalize{text-transform:capitalize}.nu-u-text--underline{text-decoration:underline}.nu-u-text--left{text-align:left}.nu-u-text--right{text-align:right}.nu-u-text--center{text-align:center}.nu-u-text--justify{text-align:justify}.nu-u-serif{font-family:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif}.nu-u-sans-serif{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}.nu-u-code{font-family:var(--monospace-code)}.nu-c-h1{font-weight:700;font-size:var(--desktop-heading-01);line-height:var(--lh-desktop-heading-01);letter-spacing:var(--desktop-tracking-heading-01)}@media screen and (width<=37.5rem){.nu-c-h1{font-size:var(--mobile-heading-01);line-height:var(--lh-mobile-heading-01);letter-spacing:var(--mobile-tracking-heading-01)}}.nu-c-h2{font-weight:700;font-size:var(--desktop-heading-02);line-height:var(--lh-desktop-heading-02);letter-spacing:var(--desktop-tracking-heading-02)}@media screen and (width<=37.5rem){.nu-c-h2{font-size:var(--mobile-heading-02);line-height:var(--lh-mobile-heading-02);letter-spacing:var(--mobile-tracking-heading-02)}}.nu-c-h3{font-weight:700;font-size:var(--desktop-heading-03);line-height:var(--lh-desktop-heading-03);letter-spacing:var(--desktop-tracking-heading-03)}@media screen and (width<=37.5rem){.nu-c-h3{font-size:var(--mobile-heading-03);line-height:var(--lh-mobile-heading-03);letter-spacing:var(--mobile-tracking-heading-03)}}.nu-c-h4{font-weight:700;font-size:var(--desktop-heading-04);line-height:var(--lh-desktop-heading-04)}@media screen and (width<=37.5rem){.nu-c-h4{font-size:var(--mobile-heading-04);line-height:var(--lh-mobile-heading-04)}}.nu-c-h5{font-weight:700;font-size:var(--desktop-heading-05);line-height:var(--lh-desktop-heading-05)}@media screen and (width<=37.5rem){.nu-c-h5{font-size:var(--mobile-heading-05);line-height:var(--lh-mobile-heading-05)}}.nu-c-h6{font-weight:500;font-size:var(--desktop-heading-06);line-height:var(--lh-desktop-heading-06)}@media screen and (width<=37.5rem){.nu-c-h6{font-size:var(--mobile-heading-06);line-height:var(--lh-mobile-heading-06)}}.nu-c-fs-lead{font-size:var(--desktop-body-xl);line-height:var(--lh-desktop-body-xl)}@media screen and (width<=37.5rem){.nu-c-fs-lead{font-size:var(--mobile-body-xl);line-height:var(--lh-mobile-body-xl)}}.nu-c-fs-normal{font-size:var(--desktop-body);line-height:var(--lh-desktop-body)}@media screen and (width<=37.5rem){.nu-c-fs-normal{font-size:var(--mobile-body);line-height:var(--lh-mobile-body)}}.nu-c-fs-small{font-size:var(--desktop-body-sm);line-height:var(--lh-desktop-body-sm)}@media screen and (width<=37.5rem){.nu-c-fs-small{font-size:var(--mobile-body-sm);line-height:var(--lh-mobile-body-sm)}}.nu-c-caption{text-transform:uppercase;font-weight:500;font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption)}@media screen and (width<=37.5rem){.nu-c-caption{font-size:var(--mobile-caption);line-height:var(--lh-mobile-caption)}}.nu-c-helper-text{font-size:var(--desktop-helper-text);line-height:var(--lh-desktop-helper-text)}@media screen and (width<=37.5rem){.nu-c-helper-text{font-size:var(--mobile-helper-text);line-height:var(--lh-mobile-helper-text)}}.nu-c-code{font-family:var(--monospace-code);font-size:var(--desktop-code);line-height:var(--desktop-code)}@media screen and (width<=37.5rem){.nu-c-code{font-size:var(--mobile-code);line-height:var(--mobile-code)}} /*# sourceMappingURL=index.css.map */ diff --git a/dist/index.css.map b/dist/index.css.map index bc3c237..fdb0c63 100644 --- a/dist/index.css.map +++ b/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACAA,uCAMA,8EAKA,oEAgBA,4CAKA,sCAKA,oCASA,6CAIA,yCAMA,4EASA,gDAKA,gCCnEA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,82JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA,8CCtNA,g4B,mD,oC,sC,oC,4C,0C,4C,qnC,iC,gC,+B,wC,oC,kC,kC,kC,oC,sC,wC,6C,yC,uC,uC,uC,yC,2C,6C,gD,4C,0C,0C,0C,4C,8C,gD,8C,0C,wC,wC,wC,0C,4C,8C,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,+C,2C,yC,yC,yC,2C,6C,+C,yC,qC,mC,mC,mC,qC,uC,yC,8C,0C,wC,wC,wC,0C,4C,8C,iD,6C,2C,2C,2C,6C,+C,iD,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,iD,6C,2C,2C,2C,6C,+C,iD,gD,4C,0C,0C,0C,4C,8C,gD,2D,uD,qD,qD,qD,uD,yD,2D,8zD,8B,mC,gC,+C,+C,iD,gD,iC,mC,qC,uC,6F,iG,6C,wJ,mC,sI,wJ,mC,sI,wJ,mC,sI,sG,mC,qF,sG,mC,qF,sG,mC,qF,qF,mC,oF,iF,mC,gF,sF,mC,qF,8H,mC,oF,iG,mC,gG,2G,mC","sources":["index.css","data:;charset=utf-8,*,%0A*::before,%0A*::after%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A%0Ahtml%20%7B%0A%20%20text-size-adjust:%20none;%0A%20%20vertical-align:%20baseline;%0A%7D%0A%0Abody,%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6,%0Ap,%0Afigure,%0Ablockquote,%0Adl,%0Add%20%7B%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%7D%0A%0Aul%5Brole='list'%5D,%0Aol%5Brole='list'%5D%20%7B%0A%20%20list-style:%20none;%0A%7D%0A%0Abody%20%7B%0A%20%20min-height:%20100vh;%0A%20%20line-height:%201.5;%0A%7D%0A%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6%20%7B%0A%20%20text-wrap:%20balance;%0A%7D%0A%0Aa:not(%5Bclass%5D)%20%7B%0A%20%20text-decoration-skip-ink:%20auto;%0A%7D%0A%0Aimg,%0Apicture%20%7B%0A%20%20max-width:%20100%25;%0A%20%20display:%20block;%0A%7D%0A%0Ainput,%0Atextarea,%0Abutton,%0Aselect%20%7B%0A%20%20font-family:%20inherit;%0A%20%20font-size:%20inherit;%0A%20%20margin:%200;%0A%7D%0A%0Atable%20%7B%0A%20%20border-collapse:%20collapse;%0A%20%20border-spacing:%200;%0A%7D%0A%0A:target%20%7B%0A%20%20scroll-margin-block:%205ex;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A:root,%0A%5Bdata-new-ui-theme='light'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-light;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(98.54%25%200.001%20286.38),%0A%20%20%20%20oklch(96.95%25%200.005%20258.32),%0A%20%20%20%20oklch(92.77%25%200.01%20267.36),%0A%20%20%20%20oklch(87.05%25%200.012%20252.1),%0A%20%20%20%20oklch(70.4%25%200.03%20263.37),%0A%20%20%20%20oklch(55.32%25%200.032%20261.39),%0A%20%20%20%20oklch(44.46%25%200.03%20263.13),%0A%20%20%20%20oklch(37.01%25%200.034%20262.07),%0A%20%20%20%20oklch(27.79%25%200.029%20267.58),%0A%20%20%20%20oklch(20.62%25%200.027%20267.82),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('cold');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-dark;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(98.54%25%200.001%20286.38),%0A%20%20%20%20oklch(96.95%25%200.005%20258.32),%0A%20%20%20%20oklch(92.77%25%200.01%20267.36),%0A%20%20%20%20oklch(87.05%25%200.012%20252.1),%0A%20%20%20%20oklch(70.4%25%200.03%20263.37),%0A%20%20%20%20oklch(55.32%25%200.032%20261.39),%0A%20%20%20%20oklch(44.46%25%200.03%20263.13),%0A%20%20%20%20oklch(37.01%25%200.034%20262.07),%0A%20%20%20%20oklch(27.79%25%200.029%20267.58),%0A%20%20%20%20oklch(20.62%25%200.027%20267.82),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('cold');%0A%7D%0A","data:;charset=utf-8,%5Bdata-new-ui-theme='light--cold'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20.nu-u-text-cold1%20%7B%0A%20%20%20%20color:%20var(--cold1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold2%20%7B%0A%20%20%20%20color:%20var(--cold2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold3%20%7B%0A%20%20%20%20color:%20var(--cold3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold4%20%7B%0A%20%20%20%20color:%20var(--cold4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold5%20%7B%0A%20%20%20%20color:%20var(--cold5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold6%20%7B%0A%20%20%20%20color:%20var(--cold6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold7%20%7B%0A%20%20%20%20color:%20var(--cold7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold8%20%7B%0A%20%20%20%20color:%20var(--cold8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold9%20%7B%0A%20%20%20%20color:%20var(--cold9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold10%20%7B%0A%20%20%20%20color:%20var(--cold10);%0A%20%20%7D%0A%7D%0A%0A%5Bdata-new-ui-theme='light--warm'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20.nu-u-text-warm1%20%7B%0A%20%20%20%20color:%20var(--warm1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm2%20%7B%0A%20%20%20%20color:%20var(--warm2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm3%20%7B%0A%20%20%20%20color:%20var(--warm3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm4%20%7B%0A%20%20%20%20color:%20var(--warm4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm5%20%7B%0A%20%20%20%20color:%20var(--warm5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm6%20%7B%0A%20%20%20%20color:%20var(--warm6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm7%20%7B%0A%20%20%20%20color:%20var(--warm7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm8%20%7B%0A%20%20%20%20color:%20var(--warm8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm9%20%7B%0A%20%20%20%20color:%20var(--warm9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm10%20%7B%0A%20%20%20%20color:%20var(--warm10);%0A%20%20%7D%0A%7D%0A%0A.nu-u-bg%20%7B%0A%20%20background-color:%20var(--background);%0A%7D%0A%0A.nu-u-bg-secondary%20%7B%0A%20%20background-color:%20var(--background-secondary);%0A%7D%0A%0A.nu-u-bg-hover%20%7B%0A%20%20background-color:%20var(--background-hover);%0A%7D%0A%0A.nu-u-bg-selected%20%7B%0A%20%20background-color:%20var(--background-selected);%0A%7D%0A%0A.nu-u-bg-selected-hover%20%7B%0A%20%20background-color:%20var(--background-selected-hover);%0A%7D%0A%0A.nu-u-bg-high-contrast%20%7B%0A%20%20background-color:%20var(--background-high-contrast);%0A%7D%0A%0A.nu-u-bg-black%20%7B%0A%20%20background-color:%20var(--black);%0A%7D%0A%0A.nu-u-bg-white%20%7B%0A%20%20background-color:%20var(--white);%0A%7D%0A%0A/*%20Border%20*/%0A.nu-u-b--muted%20%7B%0A%20%20border-color:%20var(--border-muted);%0A%7D%0A%0A.nu-u-b%20%7B%0A%20%20border-color:%20var(--border);%0A%7D%0A%0A.nu-u-b--strong%20%7B%0A%20%20border-color:%20var(--border-strong);%0A%7D%0A%0A.nu-u-b--inked%20%7B%0A%20%20border-color:%20var(--border-inked);%0A%7D%0A%0A.nu-u-b--inverse%20%7B%0A%20%20border-color:%20var(--border-inverse);%0A%7D%0A%0A.nu-u-b--focus%20%7B%0A%20%20border-color:%20var(--border-focus);%0A%7D%0A%0A/*%20Text%20*/%0A.nu-u-text--primary%20%7B%0A%20%20color:%20var(--content-primary);%0A%7D%0A%0A.nu-u-text--secondary%20%7B%0A%20%20color:%20var(--content-secondary);%0A%7D%0A%0A.nu-u-text--secondary-alt%20%7B%0A%20%20color:%20var(--content-secondary-alt);%0A%7D%0A%0A.nu-u-text--placeholder::placeholder%20%7B%0A%20%20color:%20var(--content-placeholder);%0A%7D%0A%0A.nu-u-text--on-color%20%7B%0A%20%20color:%20var(--content-on-color);%0A%7D%0A%0A.nu-u-text--error%20%7B%0A%20%20color:%20var(--content-error);%0A%7D%0A%0A.nu-u-text--success%20%7B%0A%20%20color:%20var(--content-success);%0A%7D%0A%0A.nu-u-text--inked%20%7B%0A%20%20color:%20var(--content-inked);%0A%7D%0A%0A.nu-u-text-black%20%7B%0A%20%20color:%20var(--black);%0A%7D%0A%0A.nu-u-text-white%20%7B%0A%20%20color:%20var(--white);%0A%7D%0A%0A/*%20Links%20*/%0A.nu-u-link%20%7B%0A%20%20color:%20var(--link);%0A%7D%0A%0A.nu-u-link--hover%20%7B%0A%20%20color:%20var(--link-hover);%0A%7D%0A%0A.nu-u-link--subtle%20%7B%0A%20%20color:%20var(--link-subtle);%0A%7D%0A%0A.nu-u-link--visited%20%7B%0A%20%20color:%20var(--link-visited);%0A%7D%0A%0A/*%20Support%20*/%0A.nu-u-support--error%20%7B%0A%20%20color:%20var(--support-error);%0A%7D%0A%0A.nu-u-support--warning%20%7B%0A%20%20color:%20var(--support-warning);%0A%7D%0A%0A.nu-u-support--success%20%7B%0A%20%20color:%20var(--support-success);%0A%7D%0A%0A.nu-u-support--info%20%7B%0A%20%20color:%20var(--support-info);%0A%7D%0A","data:;charset=utf-8,:root%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%200px%2016px%2048px%20rgb(0%200%200%20/%2016%25);%0A%20%20--dialog:%0A%20%20%20%200px%200px%200px%200.5px%20rgb(0%200%200%20/%206%25),%200px%2012px%2024px%20rgb(0%200%200%20/%208%25),%0A%20%20%20%200px%202px%203px%20rgb(0%200%200%20/%204%25);%0A%20%20--content:%200px%202px%203px%20rgb(0%200%200%20/%206%25);%0A%20%20--canvas:%200px%200px%200px%20rgb(0%200%200%20/%200%25);%0A%20%20--keyboard-key:%200%202px%200px%20var(--grey4);%0A%0A%20%20//%20Focus%0A%20%20--focus-default:%200px%200px%200px%202px%20var(--blue5);%0A%20%20--focus-accent:%200px%200px%200px%202px%20var(--blue8);%0A%20%20--focus-inverse:%200px%200px%200px%202px%20var(--white);%0A%0A%20%20//%20Radius%0A%20%20--radius-xs:%200.125rem;%0A%20%20--radius-sm:%200.25rem;%0A%20%20--radius-md:%200.375rem;%0A%20%20--radius-lg:%200.5rem;%0A%20%20--radius-xl:%200.75rem;%0A%20%20--radius-2xl:%201rem;%0A%20%20--radius-3xl:%201.5rem;%0A%20%20--radius-4xl:%202rem;%0A%0A%20%20//%20Blur%0A%20%20--blur-xs:%200.25rem;%0A%20%20--blur-sm:%200.5rem;%0A%20%20--blur-md:%200.75rem;%0A%20%20--blur-lg:%201rem;%0A%20%20--blur-xl:%201.5rem;%0A%20%20--blur-2xl:%202.5rem;%0A%20%20--blur-3xl:%204rem;%0A%0A%20%20//%20Perspective%0A%20%20--perspective-dramatic:%206.25rem;%0A%20%20--perspective-near:%2018.75rem;%0A%20%20--perspective-normal:%2031.25rem;%0A%20%20--perspective-midrange:%2050rem;%0A%20%20--perspective-distant:%2075rem;%0A%0A%20%20//%20Aspect%20Video%0A%20%20--aspect-video:%2016%20/%209;%0A%0A%20%20//%20Transition%20Duration%0A%20%20--default-transition-duration:%20150ms;%0A%20%20--default-transition-timing-function:%20cubic-bezier(0.4,%200,%200.2,%201);%0A%7D%0A","data:;charset=utf-8,$mobile-breakpoint:%2037.5rem;%0A%0A/*%20Components%20*/%0A.nu-c-h1%20%7B%0A%20%20font-weight:%20700;%0A%20%20font-size:%20var(--desktop-heading-01);%0A%20%20line-height:%20var(--lh-desktop-heading-01);%0A%20%20letter-spacing:%20var(--desktop-tracking-heading-01);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-01);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-01);%0A%20%20%20%20letter-spacing:%20var(--mobile-tracking-heading-01);%0A%20%20%7D%0A%7D%0A%0A.nu-c-h2%20%7B%0A%20%20font-weight:%20700;%0A%20%20font-size:%20var(--desktop-heading-02);%0A%20%20line-height:%20var(--lh-desktop-heading-02);%0A%20%20letter-spacing:%20var(--desktop-tracking-heading-02);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-02);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-02);%0A%20%20%20%20letter-spacing:%20var(--mobile-tracking-heading-02);%0A%20%20%7D%0A%7D%0A%0A.nu-c-h3%20%7B%0A%20%20font-weight:%20700;%0A%20%20font-size:%20var(--desktop-heading-03);%0A%20%20line-height:%20var(--lh-desktop-heading-03);%0A%20%20letter-spacing:%20var(--desktop-tracking-heading-03);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-03);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-03);%0A%20%20%20%20letter-spacing:%20var(--mobile-tracking-heading-03);%0A%20%20%7D%0A%7D%0A%0A.nu-c-h4%20%7B%0A%20%20font-weight:%20700;%0A%20%20font-size:%20var(--desktop-heading-04);%0A%20%20line-height:%20var(--lh-desktop-heading-04);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-04);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-04);%0A%20%20%7D%0A%7D%0A%0A.nu-c-h5%20%7B%0A%20%20font-weight:%20700;%0A%20%20font-size:%20var(--desktop-heading-05);%0A%20%20line-height:%20var(--lh-desktop-heading-05);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-05);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-05);%0A%20%20%7D%0A%7D%0A%0A.nu-c-h6%20%7B%0A%20%20font-weight:%20500;%0A%20%20font-size:%20var(--desktop-heading-06);%0A%20%20line-height:%20var(--lh-desktop-heading-06);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-heading-06);%0A%20%20%20%20line-height:%20var(--lh-mobile-heading-06);%0A%20%20%7D%0A%7D%0A%0A.nu-c-fs-lead%20%7B%0A%20%20font-size:%20var(--desktop-body-xl);%0A%20%20line-height:%20var(--lh-desktop-body-xl);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-body-xl);%0A%20%20%20%20line-height:%20var(--lh-mobile-body-xl);%0A%20%20%7D%0A%7D%0A%0A.nu-c-fs-normal%20%7B%0A%20%20font-size:%20var(--desktop-body);%0A%20%20line-height:%20var(--lh-desktop-body);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-body);%0A%20%20%20%20line-height:%20var(--lh-mobile-body);%0A%20%20%7D%0A%7D%0A%0A.nu-c-fs-small%20%7B%0A%20%20font-size:%20var(--desktop-body-sm);%0A%20%20line-height:%20var(--lh-desktop-body-sm);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-body-sm);%0A%20%20%20%20line-height:%20var(--lh-mobile-body-sm);%0A%20%20%7D%0A%7D%0A%0A.nu-c-caption%20%7B%0A%20%20font-weight:%20500;%0A%20%20text-transform:%20uppercase;%0A%20%20font-size:%20var(--desktop-caption);%0A%20%20line-height:%20var(--lh-desktop-caption);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-caption);%0A%20%20%20%20line-height:%20var(--lh-mobile-caption);%0A%20%20%7D%0A%7D%0A%0A.nu-c-helper-text%20%7B%0A%20%20font-size:%20var(--desktop-helper-text);%0A%20%20line-height:%20var(--lh-desktop-helper-text);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-helper-text);%0A%20%20%20%20line-height:%20var(--lh-mobile-helper-text);%0A%20%20%7D%0A%7D%0A%0A.nu-c-code%20%7B%0A%20%20font-family:%20var(--monospace-code);%0A%20%20font-size:%20var(--desktop-code);%0A%20%20line-height:%20var(--desktop-code);%0A%0A%20%20@media%20screen%20and%20(max-width:%20$mobile-breakpoint)%20%7B%0A%20%20%20%20font-size:%20var(--mobile-code);%0A%20%20%20%20line-height:%20var(--mobile-code);%0A%20%20%7D%0A%7D%0A"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n}\n\nhtml {\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n vertical-align: baseline;\n}\n\nbody, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {\n margin: 0;\n padding: 0;\n}\n\nul[role=\"list\"], ol[role=\"list\"] {\n list-style: none;\n}\n\nbody {\n min-height: 100vh;\n line-height: 1.5;\n}\n\nh1, h2, h3, h4, h5, h6 {\n text-wrap: balance;\n}\n\na:not([class]) {\n text-decoration-skip-ink: auto;\n}\n\nimg, picture {\n max-width: 100%;\n display: block;\n}\n\ninput, textarea, button, select {\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n:target {\n scroll-margin-block: 5ex;\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n\n:root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 0px 0px .5px #0000000f, 0px 12px 24px #00000014,\n 0px 2px 3px #0000000a;\n --content: 0px 2px 3px #0000000f;\n --canvas: 0px 0px 0px #0000;\n --keyboard-key: 0 2px 0px var(--grey4);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n:root {\n --spacing: .125rem;\n --spacing-00: 0px;\n --spacing-01: var(--spacing);\n --spacing-02: calc(var(--spacing) * 2);\n --spacing-03: calc(var(--spacing) * 3);\n --spacing-04: calc(var(--spacing) * 4);\n --spacing-05: calc(var(--spacing) * 6);\n --spacing-06: calc(var(--spacing) * 8);\n --spacing-07: calc(var(--spacing) * 10);\n --spacing-08: calc(var(--spacing) * 12);\n --spacing-09: calc(var(--spacing) * 16);\n --spacing-10: calc(var(--spacing) * 20);\n --spacing-11: calc(var(--spacing) * 24);\n --spacing-12: calc(var(--spacing) * 28);\n --spacing-13: calc(var(--spacing) * 32);\n --spacing-14: calc(var(--spacing) * 36);\n --spacing-15: calc(var(--spacing) * 40);\n --spacing-16: calc(var(--spacing) * 48);\n --spacing-17: calc(var(--spacing) * 60);\n --spacing-18: calc(var(--spacing) * 80);\n --spacing-zero: var(--spacing-00);\n --spacing-xs: var(--spacing-02);\n --spacing-s: var(--spacing-04);\n --spacing-m: var(--spacing-05);\n --spacing-l: var(--spacing-06);\n --spacing-xl: var(--spacing-08);\n --spacing-xxl: var(--spacing-09);\n --spacing-xxxl: var(--spacing-11);\n --size-xs: var(--spacing-06);\n --size-s: var(--spacing-08);\n --size-m: var(--spacing-09);\n --controls-size-default: var(--spacing-09);\n --controls-size-small: var(--spacing-08);\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-m-zero {\n margin: var(--spacing-zero);\n}\n\n.nu-u-m-xs {\n margin: var(--spacing-xs);\n}\n\n.nu-u-m-s {\n margin: var(--spacing-s);\n}\n\n.nu-u-m-m {\n margin: var(--spacing-m);\n}\n\n.nu-u-m-l {\n margin: var(--spacing-l);\n}\n\n.nu-u-m-xl {\n margin: var(--spacing-xl);\n}\n\n.nu-u-m-xxl {\n margin: var(--spacing-xxl);\n}\n\n.nu-u-m-xxxl {\n margin: var(--spacing-xxxl);\n}\n\n.nu-u-mt-zero {\n margin-top: var(--spacing-zero);\n}\n\n.nu-u-mt-xs {\n margin-top: var(--spacing-xs);\n}\n\n.nu-u-mt-s {\n margin-top: var(--spacing-s);\n}\n\n.nu-u-mt-m {\n margin-top: var(--spacing-m);\n}\n\n.nu-u-mt-l {\n margin-top: var(--spacing-l);\n}\n\n.nu-u-mt-xl {\n margin-top: var(--spacing-xl);\n}\n\n.nu-u-mt-xxl {\n margin-top: var(--spacing-xxl);\n}\n\n.nu-u-mt-xxxl {\n margin-top: var(--spacing-xxxl);\n}\n\n.nu-u-mb-zero {\n margin-bottom: var(--spacing-zero);\n}\n\n.nu-u-mb-xs {\n margin-bottom: var(--spacing-xs);\n}\n\n.nu-u-mb-s {\n margin-bottom: var(--spacing-s);\n}\n\n.nu-u-mb-m {\n margin-bottom: var(--spacing-m);\n}\n\n.nu-u-mb-l {\n margin-bottom: var(--spacing-l);\n}\n\n.nu-u-mb-xl {\n margin-bottom: var(--spacing-xl);\n}\n\n.nu-u-mb-xxl {\n margin-bottom: var(--spacing-xxl);\n}\n\n.nu-u-mb-xxxl {\n margin-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ms-zero {\n margin-left: var(--spacing-zero);\n}\n\n.nu-u-ms-xs {\n margin-left: var(--spacing-xs);\n}\n\n.nu-u-ms-s {\n margin-left: var(--spacing-s);\n}\n\n.nu-u-ms-m {\n margin-left: var(--spacing-m);\n}\n\n.nu-u-ms-l {\n margin-left: var(--spacing-l);\n}\n\n.nu-u-ms-xl {\n margin-left: var(--spacing-xl);\n}\n\n.nu-u-ms-xxl {\n margin-left: var(--spacing-xxl);\n}\n\n.nu-u-ms-xxxl {\n margin-left: var(--spacing-xxxl);\n}\n\n.nu-u-me-zero {\n margin-right: var(--spacing-zero);\n}\n\n.nu-u-me-xs {\n margin-right: var(--spacing-xs);\n}\n\n.nu-u-me-s {\n margin-right: var(--spacing-s);\n}\n\n.nu-u-me-m {\n margin-right: var(--spacing-m);\n}\n\n.nu-u-me-l {\n margin-right: var(--spacing-l);\n}\n\n.nu-u-me-xl {\n margin-right: var(--spacing-xl);\n}\n\n.nu-u-me-xxl {\n margin-right: var(--spacing-xxl);\n}\n\n.nu-u-me-xxxl {\n margin-right: var(--spacing-xxxl);\n}\n\n.nu-u-mx-zero {\n margin-inline: var(--spacing-zero);\n}\n\n.nu-u-mx-xs {\n margin-inline: var(--spacing-xs);\n}\n\n.nu-u-mx-s {\n margin-inline: var(--spacing-s);\n}\n\n.nu-u-mx-m {\n margin-inline: var(--spacing-m);\n}\n\n.nu-u-mx-l {\n margin-inline: var(--spacing-l);\n}\n\n.nu-u-mx-xl {\n margin-inline: var(--spacing-xl);\n}\n\n.nu-u-mx-xxl {\n margin-inline: var(--spacing-xxl);\n}\n\n.nu-u-mx-xxxl {\n margin-inline: var(--spacing-xxxl);\n}\n\n.nu-u-my-zero {\n margin-block: var(--spacing-zero);\n}\n\n.nu-u-my-xs {\n margin-block: var(--spacing-xs);\n}\n\n.nu-u-my-s {\n margin-block: var(--spacing-s);\n}\n\n.nu-u-my-m {\n margin-block: var(--spacing-m);\n}\n\n.nu-u-my-l {\n margin-block: var(--spacing-l);\n}\n\n.nu-u-my-xl {\n margin-block: var(--spacing-xl);\n}\n\n.nu-u-my-xxl {\n margin-block: var(--spacing-xxl);\n}\n\n.nu-u-my-xxxl {\n margin-block: var(--spacing-xxxl);\n}\n\n.nu-u-p-zero {\n padding: var(--spacing-zero);\n}\n\n.nu-u-p-xs {\n padding: var(--spacing-xs);\n}\n\n.nu-u-p-s {\n padding: var(--spacing-s);\n}\n\n.nu-u-p-m {\n padding: var(--spacing-m);\n}\n\n.nu-u-p-l {\n padding: var(--spacing-l);\n}\n\n.nu-u-p-xl {\n padding: var(--spacing-xl);\n}\n\n.nu-u-p-xxl {\n padding: var(--spacing-xxl);\n}\n\n.nu-u-p-xxxl {\n padding: var(--spacing-xxxl);\n}\n\n.nu-u-pt-zero {\n padding-top: var(--spacing-zero);\n}\n\n.nu-u-pt-xs {\n padding-top: var(--spacing-xs);\n}\n\n.nu-u-pt-s {\n padding-top: var(--spacing-s);\n}\n\n.nu-u-pt-m {\n padding-top: var(--spacing-m);\n}\n\n.nu-u-pt-l {\n padding-top: var(--spacing-l);\n}\n\n.nu-u-pt-xl {\n padding-top: var(--spacing-xl);\n}\n\n.nu-u-pt-xxl {\n padding-top: var(--spacing-xxl);\n}\n\n.nu-u-pt-xxxl {\n padding-top: var(--spacing-xxxl);\n}\n\n.nu-u-pb-zero {\n padding-bottom: var(--spacing-zero);\n}\n\n.nu-u-pb-xs {\n padding-bottom: var(--spacing-xs);\n}\n\n.nu-u-pb-s {\n padding-bottom: var(--spacing-s);\n}\n\n.nu-u-pb-m {\n padding-bottom: var(--spacing-m);\n}\n\n.nu-u-pb-l {\n padding-bottom: var(--spacing-l);\n}\n\n.nu-u-pb-xl {\n padding-bottom: var(--spacing-xl);\n}\n\n.nu-u-pb-xxl {\n padding-bottom: var(--spacing-xxl);\n}\n\n.nu-u-pb-xxxl {\n padding-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ps-zero {\n padding-left: var(--spacing-zero);\n}\n\n.nu-u-ps-xs {\n padding-left: var(--spacing-xs);\n}\n\n.nu-u-ps-s {\n padding-left: var(--spacing-s);\n}\n\n.nu-u-ps-m {\n padding-left: var(--spacing-m);\n}\n\n.nu-u-ps-l {\n padding-left: var(--spacing-l);\n}\n\n.nu-u-ps-xl {\n padding-left: var(--spacing-xl);\n}\n\n.nu-u-ps-xxl {\n padding-left: var(--spacing-xxl);\n}\n\n.nu-u-ps-xxxl {\n padding-left: var(--spacing-xxxl);\n}\n\n.nu-u-pe-zero {\n padding-right: var(--spacing-zero);\n}\n\n.nu-u-pe-xs {\n padding-right: var(--spacing-xs);\n}\n\n.nu-u-pe-s {\n padding-right: var(--spacing-s);\n}\n\n.nu-u-pe-m {\n padding-right: var(--spacing-m);\n}\n\n.nu-u-pe-l {\n padding-right: var(--spacing-l);\n}\n\n.nu-u-pe-xl {\n padding-right: var(--spacing-xl);\n}\n\n.nu-u-pe-xxl {\n padding-right: var(--spacing-xxl);\n}\n\n.nu-u-pe-xxxl {\n padding-right: var(--spacing-xxxl);\n}\n\n.nu-u-px-zero {\n padding-inline: var(--spacing-zero);\n}\n\n.nu-u-px-xs {\n padding-inline: var(--spacing-xs);\n}\n\n.nu-u-px-s {\n padding-inline: var(--spacing-s);\n}\n\n.nu-u-px-m {\n padding-inline: var(--spacing-m);\n}\n\n.nu-u-px-l {\n padding-inline: var(--spacing-l);\n}\n\n.nu-u-px-xl {\n padding-inline: var(--spacing-xl);\n}\n\n.nu-u-px-xxl {\n padding-inline: var(--spacing-xxl);\n}\n\n.nu-u-px-xxxl {\n padding-inline: var(--spacing-xxxl);\n}\n\n.nu-u-py-zero {\n padding-block: var(--spacing-zero);\n}\n\n.nu-u-py-xs {\n padding-block: var(--spacing-xs);\n}\n\n.nu-u-py-s {\n padding-block: var(--spacing-s);\n}\n\n.nu-u-py-m {\n padding-block: var(--spacing-m);\n}\n\n.nu-u-py-l {\n padding-block: var(--spacing-l);\n}\n\n.nu-u-py-xl {\n padding-block: var(--spacing-xl);\n}\n\n.nu-u-py-xxl {\n padding-block: var(--spacing-xxl);\n}\n\n.nu-u-py-xxxl {\n padding-block: var(--spacing-xxxl);\n}\n\n.nu-c-spacer-zero {\n height: var(--spacing-zero);\n display: block;\n}\n\n.nu-c-spacer-xs {\n height: var(--spacing-xs);\n display: block;\n}\n\n.nu-c-spacer-s {\n height: var(--spacing-s);\n display: block;\n}\n\n.nu-c-spacer-m {\n height: var(--spacing-m);\n display: block;\n}\n\n.nu-c-spacer-l {\n height: var(--spacing-l);\n display: block;\n}\n\n.nu-c-spacer-xl {\n height: var(--spacing-xl);\n display: block;\n}\n\n.nu-c-spacer-xxl {\n height: var(--spacing-xxl);\n display: block;\n}\n\n.nu-c-spacer-xxxl {\n height: var(--spacing-xxxl);\n display: block;\n}\n\n:root {\n --system-ui: system-ui, sans-serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", p052, serif;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", menlo, consolas, monospace;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", chilanka, tscu_comic, casual, cursive;\n --mobile-heading-01: 2rem;\n --mobile-heading-02: 1.75rem;\n --mobile-heading-03: 1.5rem;\n --mobile-heading-04: 1.25rem;\n --mobile-heading-05: 1.125rem;\n --mobile-heading-06: 1rem;\n --mobile-body-xl: 1rem;\n --mobile-body: .875rem;\n --mobile-body-sm: .75rem;\n --mobile-caption: .75rem;\n --mobile-helper-text: .75rem;\n --mobile-code: .875rem;\n --lh-mobile-heading-01: 2.5rem;\n --lh-mobile-heading-02: 2.25rem;\n --lh-mobile-heading-03: 1.875rem;\n --lh-mobile-heading-04: 1.75rem;\n --lh-mobile-heading-05: 1.625rem;\n --lh-mobile-heading-06: 1.5rem;\n --lh-mobile-body-xl: 1.5rem;\n --lh-mobile-body: 1.25rem;\n --lh-mobile-body-sm: 1rem;\n --lh-mobile-caption: 1rem;\n --lh-mobile-helper-text: 1rem;\n --lh-mobile-code: 1.25rem;\n --mobile-tracking-heading-01: -.05rem;\n --mobile-tracking-heading-02: -.025rem;\n --mobile-tracking-heading-03: -.025rem;\n --desktop-heading-01: 3.375rem;\n --desktop-heading-02: 2.625rem;\n --desktop-heading-03: 2rem;\n --desktop-heading-04: 1.75rem;\n --desktop-heading-05: 1.25rem;\n --desktop-heading-06: 1.125rem;\n --desktop-body-xl: 1.125rem;\n --desktop-body: 1rem;\n --desktop-body-sm: .875rem;\n --desktop-caption: .75rem;\n --desktop-helper-text: .75rem;\n --desktop-code: .875rem;\n --lh-desktop-heading-01: 4rem;\n --lh-desktop-heading-02: 3.125rem;\n --lh-desktop-heading-03: 2.5rem;\n --lh-desktop-heading-04: 2.25rem;\n --lh-desktop-heading-05: 1.75rem;\n --lh-desktop-heading-06: 1.625rem;\n --lh-desktop-body-xl: 1.625rem;\n --lh-desktop-body: 1.5rem;\n --lh-desktop-body-sm: 1.25rem;\n --lh-desktop-caption: 1rem;\n --lh-desktop-helper-text: 1rem;\n --lh-desktop-code: 1.25rem;\n --desktop-tracking-heading-01: -.075rem;\n --desktop-tracking-heading-02: -.05rem;\n --desktop-tracking-heading-03: -.025rem;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: var(--monospace-code);\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-family: var(--monospace-code);\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n/*# sourceMappingURL=index.css.map */\n",null,null,null,null,null,null,null,null,null,null],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACAA,uCAMA,8EAKA,oEAgBA,4CAKA,sCAKA,oCASA,6CAIA,yCAMA,4EASA,gDAKA,gCCnEA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,k3JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA,8CCtNA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL,iL,qnC,iC,gC,+B,wC,oC,kC,kC,kC,oC,sC,wC,6C,yC,uC,uC,uC,yC,2C,6C,gD,4C,0C,0C,0C,4C,8C,gD,8C,0C,wC,wC,wC,0C,4C,8C,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,+C,2C,yC,yC,yC,2C,6C,+C,yC,qC,mC,mC,mC,qC,uC,yC,8C,0C,wC,wC,wC,0C,4C,8C,iD,6C,2C,2C,2C,6C,+C,iD,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,iD,6C,2C,2C,2C,6C,+C,iD,gD,4C,0C,0C,0C,4C,8C,gD,2D,uD,qD,qD,qD,uD,yD,2D,8zD,8B,mC,gC,+C,+C,iD,gD,iC,mC,qC,uC,6F,iG,6C,wJ,mC,sI,wJ,mC,sI,wJ,mC,sI,sG,mC,qF,sG,mC,qF,sG,mC,qF,qF,mC,oF,iF,mC,gF,sF,mC,qF,8H,mC,oF,iG,mC,gG,2G,mC","sources":["index.css","data:;charset=utf-8,*,%0A*::before,%0A*::after%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A%0Ahtml%20%7B%0A%20%20text-size-adjust:%20none;%0A%20%20vertical-align:%20baseline;%0A%7D%0A%0Abody,%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6,%0Ap,%0Afigure,%0Ablockquote,%0Adl,%0Add%20%7B%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%7D%0A%0Aul%5Brole='list'%5D,%0Aol%5Brole='list'%5D%20%7B%0A%20%20list-style:%20none;%0A%7D%0A%0Abody%20%7B%0A%20%20min-height:%20100vh;%0A%20%20line-height:%201.5;%0A%7D%0A%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6%20%7B%0A%20%20text-wrap:%20balance;%0A%7D%0A%0Aa:not(%5Bclass%5D)%20%7B%0A%20%20text-decoration-skip-ink:%20auto;%0A%7D%0A%0Aimg,%0Apicture%20%7B%0A%20%20max-width:%20100%25;%0A%20%20display:%20block;%0A%7D%0A%0Ainput,%0Atextarea,%0Abutton,%0Aselect%20%7B%0A%20%20font-family:%20inherit;%0A%20%20font-size:%20inherit;%0A%20%20margin:%200;%0A%7D%0A%0Atable%20%7B%0A%20%20border-collapse:%20collapse;%0A%20%20border-spacing:%200;%0A%7D%0A%0A:target%20%7B%0A%20%20scroll-margin-block:%205ex;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A:root,%0A%5Bdata-new-ui-theme='light'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-light;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(98.54%25%200.001%20286.38),%0A%20%20%20%20oklch(96.95%25%200.005%20258.32),%0A%20%20%20%20oklch(92.77%25%200.01%20267.36),%0A%20%20%20%20oklch(87.05%25%200.012%20252.1),%0A%20%20%20%20oklch(70.4%25%200.03%20263.37),%0A%20%20%20%20oklch(55.32%25%200.032%20261.39),%0A%20%20%20%20oklch(44.46%25%200.03%20263.13),%0A%20%20%20%20oklch(37.01%25%200.034%20262.07),%0A%20%20%20%20oklch(27.79%25%200.029%20267.58),%0A%20%20%20%20oklch(20.62%25%200.027%20267.82),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('cold');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-dark;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.8%25%200.007%20247.896),%0A%20%20%20%20oklch(92.9%25%200.013%20255.508),%0A%20%20%20%20oklch(86.9%25%200.022%20252.894),%0A%20%20%20%20oklch(70.4%25%200.04%20256.788),%0A%20%20%20%20oklch(55.4%25%200.046%20257.417),%0A%20%20%20%20oklch(44.6%25%200.043%20257.281),%0A%20%20%20%20oklch(37.2%25%200.044%20257.287),%0A%20%20%20%20oklch(27.9%25%200.041%20260.031),%0A%20%20%20%20oklch(20.8%25%200.042%20265.755),%0A%20%20%20%20oklch(12.9%25%200.042%20264.695),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('cold');%0A%7D%0A","data:;charset=utf-8,%5Bdata-new-ui-theme='light--cold'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20.nu-u-text-cold1%20%7B%0A%20%20%20%20color:%20var(--cold1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold2%20%7B%0A%20%20%20%20color:%20var(--cold2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold3%20%7B%0A%20%20%20%20color:%20var(--cold3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold4%20%7B%0A%20%20%20%20color:%20var(--cold4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold5%20%7B%0A%20%20%20%20color:%20var(--cold5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold6%20%7B%0A%20%20%20%20color:%20var(--cold6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold7%20%7B%0A%20%20%20%20color:%20var(--cold7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold8%20%7B%0A%20%20%20%20color:%20var(--cold8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold9%20%7B%0A%20%20%20%20color:%20var(--cold9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold10%20%7B%0A%20%20%20%20color:%20var(--cold10);%0A%20%20%7D%0A%7D%0A%0A%5Bdata-new-ui-theme='light--warm'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20.nu-u-text-warm1%20%7B%0A%20%20%20%20color:%20var(--warm1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm2%20%7B%0A%20%20%20%20color:%20var(--warm2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm3%20%7B%0A%20%20%20%20color:%20var(--warm3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm4%20%7B%0A%20%20%20%20color:%20var(--warm4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm5%20%7B%0A%20%20%20%20color:%20var(--warm5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm6%20%7B%0A%20%20%20%20color:%20var(--warm6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm7%20%7B%0A%20%20%20%20color:%20var(--warm7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm8%20%7B%0A%20%20%20%20color:%20var(--warm8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm9%20%7B%0A%20%20%20%20color:%20var(--warm9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm10%20%7B%0A%20%20%20%20color:%20var(--warm10);%0A%20%20%7D%0A%7D%0A%0A.nu-u-bg%20%7B%0A%20%20background-color:%20var(--background);%0A%7D%0A%0A.nu-u-bg-secondary%20%7B%0A%20%20background-color:%20var(--background-secondary);%0A%7D%0A%0A.nu-u-bg-hover%20%7B%0A%20%20background-color:%20var(--background-hover);%0A%7D%0A%0A.nu-u-bg-selected%20%7B%0A%20%20background-color:%20var(--background-selected);%0A%7D%0A%0A.nu-u-bg-selected-hover%20%7B%0A%20%20background-color:%20var(--background-selected-hover);%0A%7D%0A%0A.nu-u-bg-high-contrast%20%7B%0A%20%20background-color:%20var(--background-high-contrast);%0A%7D%0A%0A.nu-u-bg-black%20%7B%0A%20%20background-color:%20var(--black);%0A%7D%0A%0A.nu-u-bg-white%20%7B%0A%20%20background-color:%20var(--white);%0A%7D%0A%0A/*%20Border%20*/%0A.nu-u-b--muted%20%7B%0A%20%20border-color:%20var(--border-muted);%0A%7D%0A%0A.nu-u-b%20%7B%0A%20%20border-color:%20var(--border);%0A%7D%0A%0A.nu-u-b--strong%20%7B%0A%20%20border-color:%20var(--border-strong);%0A%7D%0A%0A.nu-u-b--inked%20%7B%0A%20%20border-color:%20var(--border-inked);%0A%7D%0A%0A.nu-u-b--inverse%20%7B%0A%20%20border-color:%20var(--border-inverse);%0A%7D%0A%0A.nu-u-b--focus%20%7B%0A%20%20border-color:%20var(--border-focus);%0A%7D%0A%0A/*%20Text%20*/%0A.nu-u-text--primary%20%7B%0A%20%20color:%20var(--content-primary);%0A%7D%0A%0A.nu-u-text--secondary%20%7B%0A%20%20color:%20var(--content-secondary);%0A%7D%0A%0A.nu-u-text--secondary-alt%20%7B%0A%20%20color:%20var(--content-secondary-alt);%0A%7D%0A%0A.nu-u-text--placeholder::placeholder%20%7B%0A%20%20color:%20var(--content-placeholder);%0A%7D%0A%0A.nu-u-text--on-color%20%7B%0A%20%20color:%20var(--content-on-color);%0A%7D%0A%0A.nu-u-text--error%20%7B%0A%20%20color:%20var(--content-error);%0A%7D%0A%0A.nu-u-text--success%20%7B%0A%20%20color:%20var(--content-success);%0A%7D%0A%0A.nu-u-text--inked%20%7B%0A%20%20color:%20var(--content-inked);%0A%7D%0A%0A.nu-u-text-black%20%7B%0A%20%20color:%20var(--black);%0A%7D%0A%0A.nu-u-text-white%20%7B%0A%20%20color:%20var(--white);%0A%7D%0A%0A/*%20Links%20*/%0A.nu-u-link%20%7B%0A%20%20color:%20var(--link);%0A%7D%0A%0A.nu-u-link--hover%20%7B%0A%20%20color:%20var(--link-hover);%0A%7D%0A%0A.nu-u-link--subtle%20%7B%0A%20%20color:%20var(--link-subtle);%0A%7D%0A%0A.nu-u-link--visited%20%7B%0A%20%20color:%20var(--link-visited);%0A%7D%0A%0A/*%20Support%20*/%0A.nu-u-support--error%20%7B%0A%20%20color:%20var(--support-error);%0A%7D%0A%0A.nu-u-support--warning%20%7B%0A%20%20color:%20var(--support-warning);%0A%7D%0A%0A.nu-u-support--success%20%7B%0A%20%20color:%20var(--support-success);%0A%7D%0A%0A.nu-u-support--info%20%7B%0A%20%20color:%20var(--support-info);%0A%7D%0A","data:;charset=utf-8,:root%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%200px%2016px%2048px%20rgba(0,%200,%200,%200.16);%0A%20%20--dialog:%200px%2012px%2030px%20rgba(0,%200,%200,%200.16),%200px%202px%203px%20rgba(0,%200,%200,%200.1);%0A%20%20--content:%200px%202px%204px%20rgba(0,%200,%200,%200.08);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%0A%20%20//%20Focus%0A%20%20--focus-default:%200px%200px%200px%202px%20var(--blue5);%0A%20%20--focus-accent:%200px%200px%200px%202px%20var(--blue8);%0A%20%20--focus-inverse:%200px%200px%200px%202px%20var(--white);%0A%0A%20%20//%20Radius%0A%20%20--radius-xs:%200.125rem;%0A%20%20--radius-sm:%200.25rem;%0A%20%20--radius-md:%200.375rem;%0A%20%20--radius-lg:%200.5rem;%0A%20%20--radius-xl:%200.75rem;%0A%20%20--radius-2xl:%201rem;%0A%20%20--radius-3xl:%201.5rem;%0A%20%20--radius-4xl:%202rem;%0A%0A%20%20//%20Blur%0A%20%20--blur-xs:%200.25rem;%0A%20%20--blur-sm:%200.5rem;%0A%20%20--blur-md:%200.75rem;%0A%20%20--blur-lg:%201rem;%0A%20%20--blur-xl:%201.5rem;%0A%20%20--blur-2xl:%202.5rem;%0A%20%20--blur-3xl:%204rem;%0A%0A%20%20//%20Perspective%0A%20%20--perspective-dramatic:%206.25rem;%0A%20%20--perspective-near:%2018.75rem;%0A%20%20--perspective-normal:%2031.25rem;%0A%20%20--perspective-midrange:%2050rem;%0A%20%20--perspective-distant:%2075rem;%0A%0A%20%20//%20Aspect%20Video%0A%20%20--aspect-video:%2016%20/%209;%0A%0A%20%20//%20Transition%20Duration%0A%20%20--default-transition-duration:%20150ms;%0A%20%20--default-transition-timing-function:%20cubic-bezier(0.4,%200,%200.2,%201);%0A%7D%0A%0A%5Bdata-new-ui-theme='dark'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%0A%20%20%20%200px%2016px%2048px%20rgba(85,%2085,%2085,%200.32),%0A%20%20%20%20inset%200px%200px%200px%200.5px%20rgba(255,%20255,%20255,%200.16);%0A%20%20--dialog:%0A%20%20%20%200px%200px%200px%200.5px%20rgba(255,%20255,%20255,%200.24),%0A%20%20%20%200px%202px%2012px%20rgba(51,%2051,%2051,%200.32);%0A%20%20--content:%0A%20%20%20%200px%202px%204px%20rgba(255,%20255,%20255,%200.04),%0A%20%20%20%20inset%200px%200.5px%200px%20rgba(255,%20255,%20255,%200.15);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%7D%0A"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n}\n\nhtml {\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n vertical-align: baseline;\n}\n\nbody, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {\n margin: 0;\n padding: 0;\n}\n\nul[role=\"list\"], ol[role=\"list\"] {\n list-style: none;\n}\n\nbody {\n min-height: 100vh;\n line-height: 1.5;\n}\n\nh1, h2, h3, h4, h5, h6 {\n text-wrap: balance;\n}\n\na:not([class]) {\n text-decoration-skip-ink: auto;\n}\n\nimg, picture {\n max-width: 100%;\n display: block;\n}\n\ninput, textarea, button, select {\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n:target {\n scroll-margin-block: 5ex;\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.8% .007 247.896);\n --grey2: oklch(92.9% .013 255.508);\n --grey3: oklch(86.9% .022 252.894);\n --grey4: oklch(70.4% .04 256.788);\n --grey5: oklch(55.4% .046 257.417);\n --grey6: oklch(44.6% .043 257.281);\n --grey7: oklch(37.2% .044 257.287);\n --grey8: oklch(27.9% .041 260.031);\n --grey9: oklch(20.8% .042 265.755);\n --grey10: oklch(12.9% .042 264.695);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n\n:root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n:root {\n --spacing: .125rem;\n --spacing-00: 0px;\n --spacing-01: var(--spacing);\n --spacing-02: calc(var(--spacing) * 2);\n --spacing-03: calc(var(--spacing) * 3);\n --spacing-04: calc(var(--spacing) * 4);\n --spacing-05: calc(var(--spacing) * 6);\n --spacing-06: calc(var(--spacing) * 8);\n --spacing-07: calc(var(--spacing) * 10);\n --spacing-08: calc(var(--spacing) * 12);\n --spacing-09: calc(var(--spacing) * 16);\n --spacing-10: calc(var(--spacing) * 20);\n --spacing-11: calc(var(--spacing) * 24);\n --spacing-12: calc(var(--spacing) * 28);\n --spacing-13: calc(var(--spacing) * 32);\n --spacing-14: calc(var(--spacing) * 36);\n --spacing-15: calc(var(--spacing) * 40);\n --spacing-16: calc(var(--spacing) * 48);\n --spacing-17: calc(var(--spacing) * 60);\n --spacing-18: calc(var(--spacing) * 80);\n --spacing-zero: var(--spacing-00);\n --spacing-xs: var(--spacing-02);\n --spacing-s: var(--spacing-04);\n --spacing-m: var(--spacing-05);\n --spacing-l: var(--spacing-06);\n --spacing-xl: var(--spacing-08);\n --spacing-xxl: var(--spacing-09);\n --spacing-xxxl: var(--spacing-11);\n --size-xs: var(--spacing-06);\n --size-s: var(--spacing-08);\n --size-m: var(--spacing-09);\n --controls-size-default: var(--spacing-09);\n --controls-size-small: var(--spacing-08);\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-m-zero {\n margin: var(--spacing-zero);\n}\n\n.nu-u-m-xs {\n margin: var(--spacing-xs);\n}\n\n.nu-u-m-s {\n margin: var(--spacing-s);\n}\n\n.nu-u-m-m {\n margin: var(--spacing-m);\n}\n\n.nu-u-m-l {\n margin: var(--spacing-l);\n}\n\n.nu-u-m-xl {\n margin: var(--spacing-xl);\n}\n\n.nu-u-m-xxl {\n margin: var(--spacing-xxl);\n}\n\n.nu-u-m-xxxl {\n margin: var(--spacing-xxxl);\n}\n\n.nu-u-mt-zero {\n margin-top: var(--spacing-zero);\n}\n\n.nu-u-mt-xs {\n margin-top: var(--spacing-xs);\n}\n\n.nu-u-mt-s {\n margin-top: var(--spacing-s);\n}\n\n.nu-u-mt-m {\n margin-top: var(--spacing-m);\n}\n\n.nu-u-mt-l {\n margin-top: var(--spacing-l);\n}\n\n.nu-u-mt-xl {\n margin-top: var(--spacing-xl);\n}\n\n.nu-u-mt-xxl {\n margin-top: var(--spacing-xxl);\n}\n\n.nu-u-mt-xxxl {\n margin-top: var(--spacing-xxxl);\n}\n\n.nu-u-mb-zero {\n margin-bottom: var(--spacing-zero);\n}\n\n.nu-u-mb-xs {\n margin-bottom: var(--spacing-xs);\n}\n\n.nu-u-mb-s {\n margin-bottom: var(--spacing-s);\n}\n\n.nu-u-mb-m {\n margin-bottom: var(--spacing-m);\n}\n\n.nu-u-mb-l {\n margin-bottom: var(--spacing-l);\n}\n\n.nu-u-mb-xl {\n margin-bottom: var(--spacing-xl);\n}\n\n.nu-u-mb-xxl {\n margin-bottom: var(--spacing-xxl);\n}\n\n.nu-u-mb-xxxl {\n margin-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ms-zero {\n margin-left: var(--spacing-zero);\n}\n\n.nu-u-ms-xs {\n margin-left: var(--spacing-xs);\n}\n\n.nu-u-ms-s {\n margin-left: var(--spacing-s);\n}\n\n.nu-u-ms-m {\n margin-left: var(--spacing-m);\n}\n\n.nu-u-ms-l {\n margin-left: var(--spacing-l);\n}\n\n.nu-u-ms-xl {\n margin-left: var(--spacing-xl);\n}\n\n.nu-u-ms-xxl {\n margin-left: var(--spacing-xxl);\n}\n\n.nu-u-ms-xxxl {\n margin-left: var(--spacing-xxxl);\n}\n\n.nu-u-me-zero {\n margin-right: var(--spacing-zero);\n}\n\n.nu-u-me-xs {\n margin-right: var(--spacing-xs);\n}\n\n.nu-u-me-s {\n margin-right: var(--spacing-s);\n}\n\n.nu-u-me-m {\n margin-right: var(--spacing-m);\n}\n\n.nu-u-me-l {\n margin-right: var(--spacing-l);\n}\n\n.nu-u-me-xl {\n margin-right: var(--spacing-xl);\n}\n\n.nu-u-me-xxl {\n margin-right: var(--spacing-xxl);\n}\n\n.nu-u-me-xxxl {\n margin-right: var(--spacing-xxxl);\n}\n\n.nu-u-mx-zero {\n margin-inline: var(--spacing-zero);\n}\n\n.nu-u-mx-xs {\n margin-inline: var(--spacing-xs);\n}\n\n.nu-u-mx-s {\n margin-inline: var(--spacing-s);\n}\n\n.nu-u-mx-m {\n margin-inline: var(--spacing-m);\n}\n\n.nu-u-mx-l {\n margin-inline: var(--spacing-l);\n}\n\n.nu-u-mx-xl {\n margin-inline: var(--spacing-xl);\n}\n\n.nu-u-mx-xxl {\n margin-inline: var(--spacing-xxl);\n}\n\n.nu-u-mx-xxxl {\n margin-inline: var(--spacing-xxxl);\n}\n\n.nu-u-my-zero {\n margin-block: var(--spacing-zero);\n}\n\n.nu-u-my-xs {\n margin-block: var(--spacing-xs);\n}\n\n.nu-u-my-s {\n margin-block: var(--spacing-s);\n}\n\n.nu-u-my-m {\n margin-block: var(--spacing-m);\n}\n\n.nu-u-my-l {\n margin-block: var(--spacing-l);\n}\n\n.nu-u-my-xl {\n margin-block: var(--spacing-xl);\n}\n\n.nu-u-my-xxl {\n margin-block: var(--spacing-xxl);\n}\n\n.nu-u-my-xxxl {\n margin-block: var(--spacing-xxxl);\n}\n\n.nu-u-p-zero {\n padding: var(--spacing-zero);\n}\n\n.nu-u-p-xs {\n padding: var(--spacing-xs);\n}\n\n.nu-u-p-s {\n padding: var(--spacing-s);\n}\n\n.nu-u-p-m {\n padding: var(--spacing-m);\n}\n\n.nu-u-p-l {\n padding: var(--spacing-l);\n}\n\n.nu-u-p-xl {\n padding: var(--spacing-xl);\n}\n\n.nu-u-p-xxl {\n padding: var(--spacing-xxl);\n}\n\n.nu-u-p-xxxl {\n padding: var(--spacing-xxxl);\n}\n\n.nu-u-pt-zero {\n padding-top: var(--spacing-zero);\n}\n\n.nu-u-pt-xs {\n padding-top: var(--spacing-xs);\n}\n\n.nu-u-pt-s {\n padding-top: var(--spacing-s);\n}\n\n.nu-u-pt-m {\n padding-top: var(--spacing-m);\n}\n\n.nu-u-pt-l {\n padding-top: var(--spacing-l);\n}\n\n.nu-u-pt-xl {\n padding-top: var(--spacing-xl);\n}\n\n.nu-u-pt-xxl {\n padding-top: var(--spacing-xxl);\n}\n\n.nu-u-pt-xxxl {\n padding-top: var(--spacing-xxxl);\n}\n\n.nu-u-pb-zero {\n padding-bottom: var(--spacing-zero);\n}\n\n.nu-u-pb-xs {\n padding-bottom: var(--spacing-xs);\n}\n\n.nu-u-pb-s {\n padding-bottom: var(--spacing-s);\n}\n\n.nu-u-pb-m {\n padding-bottom: var(--spacing-m);\n}\n\n.nu-u-pb-l {\n padding-bottom: var(--spacing-l);\n}\n\n.nu-u-pb-xl {\n padding-bottom: var(--spacing-xl);\n}\n\n.nu-u-pb-xxl {\n padding-bottom: var(--spacing-xxl);\n}\n\n.nu-u-pb-xxxl {\n padding-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ps-zero {\n padding-left: var(--spacing-zero);\n}\n\n.nu-u-ps-xs {\n padding-left: var(--spacing-xs);\n}\n\n.nu-u-ps-s {\n padding-left: var(--spacing-s);\n}\n\n.nu-u-ps-m {\n padding-left: var(--spacing-m);\n}\n\n.nu-u-ps-l {\n padding-left: var(--spacing-l);\n}\n\n.nu-u-ps-xl {\n padding-left: var(--spacing-xl);\n}\n\n.nu-u-ps-xxl {\n padding-left: var(--spacing-xxl);\n}\n\n.nu-u-ps-xxxl {\n padding-left: var(--spacing-xxxl);\n}\n\n.nu-u-pe-zero {\n padding-right: var(--spacing-zero);\n}\n\n.nu-u-pe-xs {\n padding-right: var(--spacing-xs);\n}\n\n.nu-u-pe-s {\n padding-right: var(--spacing-s);\n}\n\n.nu-u-pe-m {\n padding-right: var(--spacing-m);\n}\n\n.nu-u-pe-l {\n padding-right: var(--spacing-l);\n}\n\n.nu-u-pe-xl {\n padding-right: var(--spacing-xl);\n}\n\n.nu-u-pe-xxl {\n padding-right: var(--spacing-xxl);\n}\n\n.nu-u-pe-xxxl {\n padding-right: var(--spacing-xxxl);\n}\n\n.nu-u-px-zero {\n padding-inline: var(--spacing-zero);\n}\n\n.nu-u-px-xs {\n padding-inline: var(--spacing-xs);\n}\n\n.nu-u-px-s {\n padding-inline: var(--spacing-s);\n}\n\n.nu-u-px-m {\n padding-inline: var(--spacing-m);\n}\n\n.nu-u-px-l {\n padding-inline: var(--spacing-l);\n}\n\n.nu-u-px-xl {\n padding-inline: var(--spacing-xl);\n}\n\n.nu-u-px-xxl {\n padding-inline: var(--spacing-xxl);\n}\n\n.nu-u-px-xxxl {\n padding-inline: var(--spacing-xxxl);\n}\n\n.nu-u-py-zero {\n padding-block: var(--spacing-zero);\n}\n\n.nu-u-py-xs {\n padding-block: var(--spacing-xs);\n}\n\n.nu-u-py-s {\n padding-block: var(--spacing-s);\n}\n\n.nu-u-py-m {\n padding-block: var(--spacing-m);\n}\n\n.nu-u-py-l {\n padding-block: var(--spacing-l);\n}\n\n.nu-u-py-xl {\n padding-block: var(--spacing-xl);\n}\n\n.nu-u-py-xxl {\n padding-block: var(--spacing-xxl);\n}\n\n.nu-u-py-xxxl {\n padding-block: var(--spacing-xxxl);\n}\n\n.nu-c-spacer-zero {\n height: var(--spacing-zero);\n display: block;\n}\n\n.nu-c-spacer-xs {\n height: var(--spacing-xs);\n display: block;\n}\n\n.nu-c-spacer-s {\n height: var(--spacing-s);\n display: block;\n}\n\n.nu-c-spacer-m {\n height: var(--spacing-m);\n display: block;\n}\n\n.nu-c-spacer-l {\n height: var(--spacing-l);\n display: block;\n}\n\n.nu-c-spacer-xl {\n height: var(--spacing-xl);\n display: block;\n}\n\n.nu-c-spacer-xxl {\n height: var(--spacing-xxl);\n display: block;\n}\n\n.nu-c-spacer-xxxl {\n height: var(--spacing-xxxl);\n display: block;\n}\n\n:root {\n --system-ui: system-ui, sans-serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", p052, serif;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", menlo, consolas, monospace;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", chilanka, tscu_comic, casual, cursive;\n --mobile-heading-01: 2rem;\n --mobile-heading-02: 1.75rem;\n --mobile-heading-03: 1.5rem;\n --mobile-heading-04: 1.25rem;\n --mobile-heading-05: 1.125rem;\n --mobile-heading-06: 1rem;\n --mobile-body-xl: 1rem;\n --mobile-body: .875rem;\n --mobile-body-sm: .75rem;\n --mobile-caption: .75rem;\n --mobile-helper-text: .75rem;\n --mobile-code: .875rem;\n --lh-mobile-heading-01: 2.5rem;\n --lh-mobile-heading-02: 2.25rem;\n --lh-mobile-heading-03: 1.875rem;\n --lh-mobile-heading-04: 1.75rem;\n --lh-mobile-heading-05: 1.625rem;\n --lh-mobile-heading-06: 1.5rem;\n --lh-mobile-body-xl: 1.5rem;\n --lh-mobile-body: 1.25rem;\n --lh-mobile-body-sm: 1rem;\n --lh-mobile-caption: 1rem;\n --lh-mobile-helper-text: 1rem;\n --lh-mobile-code: 1.25rem;\n --mobile-tracking-heading-01: -.05rem;\n --mobile-tracking-heading-02: -.025rem;\n --mobile-tracking-heading-03: -.025rem;\n --desktop-heading-01: 3.375rem;\n --desktop-heading-02: 2.625rem;\n --desktop-heading-03: 2rem;\n --desktop-heading-04: 1.75rem;\n --desktop-heading-05: 1.25rem;\n --desktop-heading-06: 1.125rem;\n --desktop-body-xl: 1.125rem;\n --desktop-body: 1rem;\n --desktop-body-sm: .875rem;\n --desktop-caption: .75rem;\n --desktop-helper-text: .75rem;\n --desktop-code: .875rem;\n --lh-desktop-heading-01: 4rem;\n --lh-desktop-heading-02: 3.125rem;\n --lh-desktop-heading-03: 2.5rem;\n --lh-desktop-heading-04: 2.25rem;\n --lh-desktop-heading-05: 1.75rem;\n --lh-desktop-heading-06: 1.625rem;\n --lh-desktop-body-xl: 1.625rem;\n --lh-desktop-body: 1.5rem;\n --lh-desktop-body-sm: 1.25rem;\n --lh-desktop-caption: 1rem;\n --lh-desktop-helper-text: 1rem;\n --lh-desktop-code: 1.25rem;\n --desktop-tracking-heading-01: -.075rem;\n --desktop-tracking-heading-02: -.05rem;\n --desktop-tracking-heading-03: -.025rem;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: var(--monospace-code);\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-family: var(--monospace-code);\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n/*# sourceMappingURL=index.css.map */\n",null,null,null,null,null,null,null,null,null],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/colors/dist/index.css b/packages/colors/dist/index.css index b50c4ad..36b86d8 100644 --- a/packages/colors/dist/index.css +++ b/packages/colors/dist/index.css @@ -1,1070 +1,2 @@ -:root, -[data-new-ui-theme='light'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(96.72% 0 0); - --grey2: oklch(90.67% 0 0); - --grey3: oklch(82.66% 0 0); - --grey4: oklch(73.16% 0 0); - --grey5: oklch(64.34% 0 0); - --grey6: oklch(54.17% 0 0); - --grey7: oklch(43.86% 0 0); - --grey8: oklch(34.46% 0 0); - --grey9: oklch(26.86% 0 0); - --grey10: oklch(20.02% 0 0); - --background: var(--white); - --background-secondary: var(--grey1); - --background-hover: var(--grey1); - --background-selected: var(--grey2); - --background-selected-hover: var(--grey3); - --background-high-contrast: var(--white); - --border-muted: var(--grey3); - --border: var(--grey4); - --border-strong: var(--grey6); - --border-inked: var(--grey10); - --border-inverse: var(--white); - --border-focus: var(--blue5); - --button: var(--blue5); - --button-hover: var(--blue6); - --button-active: var(--blue7); - --button-disabled: var(--grey4); - --link: var(--blue5); - --link-hover: var(--blue6); - --link-subtle: var(--grey8); - --link-visited: var(--indigo5); - --support-error: var(--red5); - --support-warning: var(--yellow5); - --support-success: var(--green5); - --support-info: var(--blue5); - --content-primary: var(--grey10); - --content-secondary: var(--grey7); - --content-secondary-alt: var(--grey5); - --content-placeholder: var(--grey4); - --content-on-color: var(--white); - --content-error: var(--red6); - --content-success: var(--green6); - --content-inked: var(--black); -} -[data-new-ui-theme='light--warm'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(95.79% 0.001 106.42); - --grey2: oklch(94.39% 0.001 17.18); - --grey3: oklch(87.66% 0.002 67.8); - --grey4: oklch(73.07% 0.004 106.5); - --grey5: oklch(62.89% 0.006 106.57); - --grey6: oklch(54.1% 0.008 97.45); - --grey7: oklch(43.73% 0.011 100.22); - --grey8: oklch(34.71% 0.012 100.33); - --grey9: oklch(26.31% 0.013 100.51); - --grey10: oklch(21.35% 0.012 91.77); - --warm1: var(--grey1); - --warm2: var(--grey2); - --warm3: var(--grey3); - --warm4: var(--grey4); - --warm5: var(--grey5); - --warm6: var(--grey6); - --warm7: var(--grey7); - --warm8: var(--grey8); - --warm9: var(--grey9); - --warm10: var(--grey10); - --background: var(--white); - --background-secondary: var(--warm1); - --background-hover: var(--warm1); - --background-selected: var(--warm2); - --background-selected-hover: var(--warm3); - --background-high-contrast: var(--white); - --border-muted: var(--warm3); - --border: var(--warm4); - --border-strong: var(--warm6); - --border-inked: var(--warm10); - --border-inverse: var(--white); - --border-focus: var(--blue5); - --button: var(--blue5); - --button-hover: var(--blue6); - --button-active: var(--blue7); - --button-disabled: var(--warm4); - --link: var(--blue5); - --link-hover: var(--blue6); - --link-subtle: var(--warm8); - --link-visited: var(--indigo5); - --support-error: var(--red5); - --support-warning: var(--yellow5); - --support-success: var(--green5); - --support-info: var(--blue5); - --content-primary: var(--warm10); - --content-secondary: var(--warm7); - --content-secondary-alt: var(--warm5); - --content-placeholder: var(--warm4); - --content-on-color: var(--white); - --content-error: var(--red6); - --content-success: var(--green6); - --content-inked: var(--black); -} -[data-new-ui-theme='light--cold'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(98.54% 0.001 286.38); - --grey2: oklch(96.95% 0.005 258.32); - --grey3: oklch(92.77% 0.01 267.36); - --grey4: oklch(87.05% 0.012 252.1); - --grey5: oklch(70.4% 0.03 263.37); - --grey6: oklch(55.32% 0.032 261.39); - --grey7: oklch(44.46% 0.03 263.13); - --grey8: oklch(37.01% 0.034 262.07); - --grey9: oklch(27.79% 0.029 267.58); - --grey10: oklch(20.62% 0.027 267.82); - --cold1: var(--grey1); - --cold2: var(--grey2); - --cold3: var(--grey3); - --cold4: var(--grey4); - --cold5: var(--grey5); - --cold6: var(--grey6); - --cold7: var(--grey7); - --cold8: var(--grey8); - --cold9: var(--grey9); - --cold10: var(--grey10); - --background: var(--white); - --background-secondary: var(--cold1); - --background-hover: var(--cold1); - --background-selected: var(--cold2); - --background-selected-hover: var(--cold3); - --background-high-contrast: var(--white); - --border-muted: var(--cold3); - --border: var(--cold4); - --border-strong: var(--cold6); - --border-inked: var(--cold10); - --border-inverse: var(--white); - --border-focus: var(--blue5); - --button: var(--blue5); - --button-hover: var(--blue6); - --button-active: var(--blue7); - --button-disabled: var(--cold4); - --link: var(--blue5); - --link-hover: var(--blue6); - --link-subtle: var(--cold8); - --link-visited: var(--indigo5); - --support-error: var(--red5); - --support-warning: var(--yellow5); - --support-success: var(--green5); - --support-info: var(--blue5); - --content-primary: var(--cold10); - --content-secondary: var(--cold7); - --content-secondary-alt: var(--cold5); - --content-placeholder: var(--cold4); - --content-on-color: var(--white); - --content-error: var(--red6); - --content-success: var(--green6); - --content-inked: var(--black); -} -[data-new-ui-theme='dark'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(96.72% 0 0); - --grey2: oklch(90.67% 0 0); - --grey3: oklch(82.66% 0 0); - --grey4: oklch(73.16% 0 0); - --grey5: oklch(64.34% 0 0); - --grey6: oklch(54.17% 0 0); - --grey7: oklch(43.86% 0 0); - --grey8: oklch(34.46% 0 0); - --grey9: oklch(26.86% 0 0); - --grey10: oklch(20.02% 0 0); - --background: var(--grey10); - --background-secondary: var(--grey9); - --background-hover: var(--grey9); - --background-selected: var(--grey8); - --background-selected-hover: var(--grey7); - --background-high-contrast: var(--black); - --border-muted: var(--grey8); - --border: var(--grey7); - --border-strong: var(--grey6); - --border-inked: var(--grey1); - --border-inverse: var(--black); - --border-focus: var(--blue4); - --button: var(--blue4); - --button-hover: var(--blue3); - --button-active: var(--blue2); - --button-disabled: var(--grey8); - --link: var(--blue4); - --link-hover: var(--blue3); - --link-subtle: var(--grey1); - --link-visited: var(--indigo4); - --support-error: var(--red4); - --support-warning: var(--yellow4); - --support-success: var(--green4); - --support-info: var(--blue4); - --content-primary: var(--grey1); - --content-secondary: var(--grey4); - --content-secondary-alt: var(--grey6); - --content-placeholder: var(--grey7); - --content-on-color: var(--white); - --content-error: var(--red4); - --content-success: var(--green4); - --content-inked: var(--white); -} -[data-new-ui-theme='dark--warm'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(95.79% 0.001 106.42); - --grey2: oklch(94.39% 0.001 17.18); - --grey3: oklch(87.66% 0.002 67.8); - --grey4: oklch(73.07% 0.004 106.5); - --grey5: oklch(62.89% 0.006 106.57); - --grey6: oklch(54.1% 0.008 97.45); - --grey7: oklch(43.73% 0.011 100.22); - --grey8: oklch(34.71% 0.012 100.33); - --grey9: oklch(26.31% 0.013 100.51); - --grey10: oklch(21.35% 0.012 91.77); - --warm1: var(--grey1); - --warm2: var(--grey2); - --warm3: var(--grey3); - --warm4: var(--grey4); - --warm5: var(--grey5); - --warm6: var(--grey6); - --warm7: var(--grey7); - --warm8: var(--grey8); - --warm9: var(--grey9); - --warm10: var(--grey10); - --background: var(--warm10); - --background-secondary: var(--warm9); - --background-hover: var(--warm9); - --background-selected: var(--warm8); - --background-selected-hover: var(--warm7); - --background-high-contrast: var(--black); - --border-muted: var(--warm8); - --border: var(--warm7); - --border-strong: var(--warm6); - --border-inked: var(--warm1); - --border-inverse: var(--black); - --border-focus: var(--blue4); - --button: var(--blue4); - --button-hover: var(--blue3); - --button-active: var(--blue2); - --button-disabled: var(--warm8); - --link: var(--blue4); - --link-hover: var(--blue3); - --link-subtle: var(--warm1); - --link-visited: var(--indigo4); - --support-error: var(--red4); - --support-warning: var(--yellow4); - --support-success: var(--green4); - --support-info: var(--blue4); - --content-primary: var(--warm1); - --content-secondary: var(--warm4); - --content-secondary-alt: var(--warm6); - --content-placeholder: var(--warm7); - --content-on-color: var(--white); - --content-error: var(--red4); - --content-success: var(--green4); - --content-inked: var(--white); -} -[data-new-ui-theme='dark--cold'] { - --red1: oklch(96.89% 0.0152 22.39); - --red2: oklch(88.06% 0.0631 22.04); - --red3: oklch(78.71% 0.1233 23.85); - --red4: oklch(66.85% 0.2188 27.86); - --red5: oklch(65.42% 0.2321 28.66); - --red6: oklch(53.49% 0.1867 28.41); - --red7: oklch(40.87% 0.1383 28.31); - --red8: oklch(26.91% 0.0843 27.43); - --orange1: oklch(97.94% 0.0169 76.12); - --orange2: oklch(92.44% 0.0628 75.47); - --orange3: oklch(86.56% 0.1144 74.96); - --orange4: oklch(77.91% 0.1702 65.71); - --orange5: oklch(76.52% 0.1752 62.57); - --orange6: oklch(62.47% 0.142257 63.186); - --orange7: oklch(47.75% 0.1069 65.23); - --orange8: oklch(31.2% 0.0684 68.13); - --yellow1: oklch(98.71% 0.0201 94.52); - --yellow2: oklch(95.57% 0.0743 95.93); - --yellow3: oklch(91.99% 0.1295 95.37); - --yellow4: oklch(87.33% 0.176 91.91); - --yellow5: oklch(86.52% 0.1768 90.38); - --yellow6: oklch(70.52% 0.1441 90.64); - --yellow7: oklch(53.55% 0.109476 91.1235); - --yellow8: oklch(34.95% 0.0716 93.44); - --green1: oklch(97.77% 0.0156 154.48); - --green2: oklch(91.5% 0.0588 153.39); - --green3: oklch(84.74% 0.1113 151.25); - --green4: oklch(74.63% 0.183 148.25); - --green5: oklch(73.03% 0.1944 147.44); - --green6: oklch(59.64% 0.1556 147.67); - --green7: oklch(45.69% 0.1169 147.76); - --green8: oklch(29.96% 0.0699 149.05); - --mint1: oklch(97.67% 0.0158 192.09); - --mint2: oklch(91.4% 0.0559 193.43); - --mint3: oklch(84.89% 0.0975 191.4); - --mint4: oklch(76.08% 0.1293 189.71); - --mint5: oklch(74.81% 0.1296 189.03); - --mint6: oklch(61.02% 0.1054 189.82); - --mint7: oklch(46.64% 0.0808 189.01); - --mint8: oklch(30.41% 0.052376 190.816); - --teal1: oklch(97.6% 0.0099 212.52); - --teal2: oklch(91.01% 0.0384 208.75); - --teal3: oklch(83.55% 0.0693 209.91); - --teal4: oklch(71.96% 0.1068 211.76); - --teal5: oklch(69.98% 0.1109 212.72); - --teal6: oklch(57.32% 0.0893 212.09); - --teal7: oklch(43.95% 0.0672 212.18); - --teal8: oklch(29.06% 0.0415 210.48); - --cyan1: oklch(97.65% 0.011 225.98); - --cyan2: oklch(91.15% 0.0418 227.91); - --cyan3: oklch(83.73% 0.0772 228.87); - --cyan4: oklch(72.55% 0.1259 232.84); - --cyan5: oklch(70.68% 0.1327 233.88); - --cyan6: oklch(57.95% 0.1068 233.26); - --cyan7: oklch(44.23% 0.0796 233.37); - --cyan8: oklch(29.28% 0.0484 232.3); - --blue1: oklch(96.63% 0.0165 250.84); - --blue2: oklch(87.61% 0.062887 250.725); - --blue3: oklch(77.33% 0.1193 251.31); - --blue4: oklch(62.52% 0.2047 255.95); - --blue5: oklch(60.28% 0.2177 257.42); - --blue6: oklch(49.47% 0.175 256.92); - --blue7: oklch(38.03% 0.12949 255.924); - --blue8: oklch(25.32% 0.0794 253.56); - --indigo1: oklch(96.48% 0.0133 290.75); - --indigo2: oklch(86.98% 0.0495 286.6); - --indigo3: oklch(75.4% 0.0957 284.55); - --indigo4: oklch(56.4% 0.1758 279.91); - --indigo5: oklch(52.95% 0.191 278.34); - --indigo6: oklch(43.62% 0.1538 278.81); - --indigo7: oklch(33.98% 0.1127 279.22); - --indigo8: oklch(23.31% 0.0672 281.07); - --purple1: oklch(96.97% 0.0163 313.62); - --purple2: oklch(88.81% 0.0595 314.5); - --purple3: oklch(79.08% 0.113 313.73); - --purple4: oklch(64.18% 0.1982 312.55); - --purple5: oklch(61.49% 0.2129 312.41); - --purple6: oklch(50.43% 0.1716 312.44); - --purple7: oklch(38.87% 0.126 312.32); - --purple8: oklch(26.16% 0.0759 313.11); - --pink1: oklch(96.56% 0.0177 4.51); - --pink2: oklch(87.81% 0.0675 5.89); - --pink3: oklch(77.9% 0.1338 8.42); - --pink4: oklch(66.26% 0.2271 15.86); - --pink5: oklch(64.97% 0.2383 17.9); - --pink6: oklch(53.08% 0.1924 17.29); - --pink7: oklch(40.48% 0.1434 16.74); - --pink8: oklch(26.78% 0.0869 14.7); - --brown1: oklch(97.38% 0.0045 78.3); - --brown2: oklch(90.09% 0.0172 76.1); - --brown3: oklch(81.17% 0.0322 75.16); - --brown4: oklch(66.26% 0.0586 73.73); - --brown5: oklch(63.22% 0.0643 72.82); - --brown6: oklch(51.86% 0.0506 71.83); - --brown7: oklch(40.04% 0.0375 74.38); - --brown8: oklch(27.01% 0.0227 75.38); - --black: oklch(0% 0 0); - --white: oklch(100% 0 0); - --grey1: oklch(98.54% 0.001 286.38); - --grey2: oklch(96.95% 0.005 258.32); - --grey3: oklch(92.77% 0.01 267.36); - --grey4: oklch(87.05% 0.012 252.1); - --grey5: oklch(70.4% 0.03 263.37); - --grey6: oklch(55.32% 0.032 261.39); - --grey7: oklch(44.46% 0.03 263.13); - --grey8: oklch(37.01% 0.034 262.07); - --grey9: oklch(27.79% 0.029 267.58); - --grey10: oklch(20.62% 0.027 267.82); - --cold1: var(--grey1); - --cold2: var(--grey2); - --cold3: var(--grey3); - --cold4: var(--grey4); - --cold5: var(--grey5); - --cold6: var(--grey6); - --cold7: var(--grey7); - --cold8: var(--grey8); - --cold9: var(--grey9); - --cold10: var(--grey10); - --background: var(--cold10); - --background-secondary: var(--cold9); - --background-hover: var(--cold9); - --background-selected: var(--cold8); - --background-selected-hover: var(--cold7); - --background-high-contrast: var(--black); - --border-muted: var(--cold8); - --border: var(--cold7); - --border-strong: var(--cold6); - --border-inked: var(--cold1); - --border-inverse: var(--black); - --border-focus: var(--blue4); - --button: var(--blue4); - --button-hover: var(--blue3); - --button-active: var(--blue2); - --button-disabled: var(--cold8); - --link: var(--blue4); - --link-hover: var(--blue3); - --link-subtle: var(--cold1); - --link-visited: var(--indigo4); - --support-error: var(--red4); - --support-warning: var(--yellow4); - --support-success: var(--green4); - --support-info: var(--blue4); - --content-primary: var(--cold1); - --content-secondary: var(--cold4); - --content-secondary-alt: var(--cold6); - --content-placeholder: var(--cold7); - --content-on-color: var(--white); - --content-error: var(--red4); - --content-success: var(--green4); - --content-inked: var(--white); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold1, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold1 { - color: var(--cold1); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold2, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold2 { - color: var(--cold2); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold3, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold3 { - color: var(--cold3); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold4, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold4 { - color: var(--cold4); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold5, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold5 { - color: var(--cold5); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold6, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold6 { - color: var(--cold6); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold7, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold7 { - color: var(--cold7); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold8, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold8 { - color: var(--cold8); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold9, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold9 { - color: var(--cold9); -} -[data-new-ui-theme='light--cold'] .nu-u-text-cold10, -[data-new-ui-theme='dark--cold'] .nu-u-text-cold10 { - color: var(--cold10); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm1, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm1 { - color: var(--warm1); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm2, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm2 { - color: var(--warm2); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm3, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm3 { - color: var(--warm3); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm4, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm4 { - color: var(--warm4); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm5, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm5 { - color: var(--warm5); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm6, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm6 { - color: var(--warm6); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm7, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm7 { - color: var(--warm7); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm8, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm8 { - color: var(--warm8); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm9, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm9 { - color: var(--warm9); -} -[data-new-ui-theme='light--warm'] .nu-u-text-warm10, -[data-new-ui-theme='dark--warm'] .nu-u-text-warm10 { - color: var(--warm10); -} -.nu-u-bg { - background-color: var(--background); -} -.nu-u-bg-secondary { - background-color: var(--background-secondary); -} -.nu-u-bg-hover { - background-color: var(--background-hover); -} -.nu-u-bg-selected { - background-color: var(--background-selected); -} -.nu-u-bg-selected-hover { - background-color: var(--background-selected-hover); -} -.nu-u-bg-high-contrast { - background-color: var(--background-high-contrast); -} -.nu-u-bg-black { - background-color: var(--black); -} -.nu-u-bg-white { - background-color: var(--white); -} -.nu-u-b--muted { - border-color: var(--border-muted); -} -.nu-u-b { - border-color: var(--border); -} -.nu-u-b--strong { - border-color: var(--border-strong); -} -.nu-u-b--inked { - border-color: var(--border-inked); -} -.nu-u-b--inverse { - border-color: var(--border-inverse); -} -.nu-u-b--focus { - border-color: var(--border-focus); -} -.nu-u-text--primary { - color: var(--content-primary); -} -.nu-u-text--secondary { - color: var(--content-secondary); -} -.nu-u-text--secondary-alt { - color: var(--content-secondary-alt); -} -.nu-u-text--placeholder::placeholder { - color: var(--content-placeholder); -} -.nu-u-text--on-color { - color: var(--content-on-color); -} -.nu-u-text--error { - color: var(--content-error); -} -.nu-u-text--success { - color: var(--content-success); -} -.nu-u-text--inked { - color: var(--content-inked); -} -.nu-u-text-black { - color: var(--black); -} -.nu-u-text-white { - color: var(--white); -} -.nu-u-link { - color: var(--link); -} -.nu-u-link--hover { - color: var(--link-hover); -} -.nu-u-link--subtle { - color: var(--link-subtle); -} -.nu-u-link--visited { - color: var(--link-visited); -} -.nu-u-support--error { - color: var(--support-error); -} -.nu-u-support--warning { - color: var(--support-warning); -} -.nu-u-support--success { - color: var(--support-success); -} -.nu-u-support--info { - color: var(--support-info); -} +:root,[data-new-ui-theme=light]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-high-contrast:var(--white);--border-muted:var(--grey3);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--grey4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--grey10);--content-secondary:var(--grey7);--content-secondary-alt:var(--grey5);--content-placeholder:var(--grey4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-high-contrast:var(--white);--border-muted:var(--warm3);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--warm4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--warm10);--content-secondary:var(--warm7);--content-secondary-alt:var(--warm5);--content-placeholder:var(--warm4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-high-contrast:var(--white);--border-muted:var(--cold3);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--cold4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--cold10);--content-secondary:var(--cold7);--content-secondary-alt:var(--cold5);--content-placeholder:var(--cold4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=dark]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-high-contrast:var(--black);--border-muted:var(--grey8);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--grey8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--grey1);--content-secondary:var(--grey4);--content-secondary-alt:var(--grey6);--content-placeholder:var(--grey7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm8);--background-selected-hover:var(--warm7);--background-high-contrast:var(--black);--border-muted:var(--warm8);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--warm8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--warm1);--content-secondary:var(--warm4);--content-secondary-alt:var(--warm6);--content-placeholder:var(--warm7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.8% .007 247.896);--grey2:oklch(92.9% .013 255.508);--grey3:oklch(86.9% .022 252.894);--grey4:oklch(70.4% .04 256.788);--grey5:oklch(55.4% .046 257.417);--grey6:oklch(44.6% .043 257.281);--grey7:oklch(37.2% .044 257.287);--grey8:oklch(27.9% .041 260.031);--grey9:oklch(20.8% .042 265.755);--grey10:oklch(12.9% .042 264.695);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-high-contrast:var(--black);--border-muted:var(--cold8);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--cold8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--cold1);--content-secondary:var(--cold4);--content-secondary-alt:var(--cold6);--content-placeholder:var(--cold7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-high-contrast{background-color:var(--background-high-contrast)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--content-primary)}.nu-u-text--secondary{color:var(--content-secondary)}.nu-u-text--secondary-alt{color:var(--content-secondary-alt)}.nu-u-text--placeholder::placeholder{color:var(--content-placeholder)}.nu-u-text--on-color{color:var(--content-on-color)}.nu-u-text--error{color:var(--content-error)}.nu-u-text--success{color:var(--content-success)}.nu-u-text--inked{color:var(--content-inked)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--visited{color:var(--link-visited)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-info)} /*# sourceMappingURL=index.css.map */ diff --git a/packages/colors/dist/index.css.map b/packages/colors/dist/index.css.map index c0d894b..500aef2 100644 --- a/packages/colors/dist/index.css.map +++ b/packages/colors/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACGA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,82JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA","sources":["index.css","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n:root,\n[data-new-ui-theme='light'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-light;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-light('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.01 267.36),\n oklch(87.05% 0.012 252.1),\n oklch(70.4% 0.03 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.03 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n @include semantic-tokens-light('cold');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-dark;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-dark('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.01 267.36),\n oklch(87.05% 0.012 252.1),\n oklch(70.4% 0.03 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.03 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n @include semantic-tokens-dark('cold');\n}\n","[data-new-ui-theme='light--cold'],\n[data-new-ui-theme='dark--cold'] {\n .nu-u-text-cold1 {\n color: var(--cold1);\n }\n\n .nu-u-text-cold2 {\n color: var(--cold2);\n }\n\n .nu-u-text-cold3 {\n color: var(--cold3);\n }\n\n .nu-u-text-cold4 {\n color: var(--cold4);\n }\n\n .nu-u-text-cold5 {\n color: var(--cold5);\n }\n\n .nu-u-text-cold6 {\n color: var(--cold6);\n }\n\n .nu-u-text-cold7 {\n color: var(--cold7);\n }\n\n .nu-u-text-cold8 {\n color: var(--cold8);\n }\n\n .nu-u-text-cold9 {\n color: var(--cold9);\n }\n\n .nu-u-text-cold10 {\n color: var(--cold10);\n }\n}\n\n[data-new-ui-theme='light--warm'],\n[data-new-ui-theme='dark--warm'] {\n .nu-u-text-warm1 {\n color: var(--warm1);\n }\n\n .nu-u-text-warm2 {\n color: var(--warm2);\n }\n\n .nu-u-text-warm3 {\n color: var(--warm3);\n }\n\n .nu-u-text-warm4 {\n color: var(--warm4);\n }\n\n .nu-u-text-warm5 {\n color: var(--warm5);\n }\n\n .nu-u-text-warm6 {\n color: var(--warm6);\n }\n\n .nu-u-text-warm7 {\n color: var(--warm7);\n }\n\n .nu-u-text-warm8 {\n color: var(--warm8);\n }\n\n .nu-u-text-warm9 {\n color: var(--warm9);\n }\n\n .nu-u-text-warm10 {\n color: var(--warm10);\n }\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n/* Border */\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n/* Text */\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n/* Links */\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n/* Support */\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACGA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,k3JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA","sources":["index.css","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.8% .007 247.896);\n --grey2: oklch(92.9% .013 255.508);\n --grey3: oklch(86.9% .022 252.894);\n --grey4: oklch(70.4% .04 256.788);\n --grey5: oklch(55.4% .046 257.417);\n --grey6: oklch(44.6% .043 257.281);\n --grey7: oklch(37.2% .044 257.287);\n --grey8: oklch(27.9% .041 260.031);\n --grey9: oklch(20.8% .042 265.755);\n --grey10: oklch(12.9% .042 264.695);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n:root,\n[data-new-ui-theme='light'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-light;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-light('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.01 267.36),\n oklch(87.05% 0.012 252.1),\n oklch(70.4% 0.03 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.03 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n @include semantic-tokens-light('cold');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-dark;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-dark('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.8% 0.007 247.896),\n oklch(92.9% 0.013 255.508),\n oklch(86.9% 0.022 252.894),\n oklch(70.4% 0.04 256.788),\n oklch(55.4% 0.046 257.417),\n oklch(44.6% 0.043 257.281),\n oklch(37.2% 0.044 257.287),\n oklch(27.9% 0.041 260.031),\n oklch(20.8% 0.042 265.755),\n oklch(12.9% 0.042 264.695),\n 'cold'\n );\n @include semantic-tokens-dark('cold');\n}\n","[data-new-ui-theme='light--cold'],\n[data-new-ui-theme='dark--cold'] {\n .nu-u-text-cold1 {\n color: var(--cold1);\n }\n\n .nu-u-text-cold2 {\n color: var(--cold2);\n }\n\n .nu-u-text-cold3 {\n color: var(--cold3);\n }\n\n .nu-u-text-cold4 {\n color: var(--cold4);\n }\n\n .nu-u-text-cold5 {\n color: var(--cold5);\n }\n\n .nu-u-text-cold6 {\n color: var(--cold6);\n }\n\n .nu-u-text-cold7 {\n color: var(--cold7);\n }\n\n .nu-u-text-cold8 {\n color: var(--cold8);\n }\n\n .nu-u-text-cold9 {\n color: var(--cold9);\n }\n\n .nu-u-text-cold10 {\n color: var(--cold10);\n }\n}\n\n[data-new-ui-theme='light--warm'],\n[data-new-ui-theme='dark--warm'] {\n .nu-u-text-warm1 {\n color: var(--warm1);\n }\n\n .nu-u-text-warm2 {\n color: var(--warm2);\n }\n\n .nu-u-text-warm3 {\n color: var(--warm3);\n }\n\n .nu-u-text-warm4 {\n color: var(--warm4);\n }\n\n .nu-u-text-warm5 {\n color: var(--warm5);\n }\n\n .nu-u-text-warm6 {\n color: var(--warm6);\n }\n\n .nu-u-text-warm7 {\n color: var(--warm7);\n }\n\n .nu-u-text-warm8 {\n color: var(--warm8);\n }\n\n .nu-u-text-warm9 {\n color: var(--warm9);\n }\n\n .nu-u-text-warm10 {\n color: var(--warm10);\n }\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n/* Border */\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n/* Text */\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n/* Links */\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n/* Support */\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/colors/package.json b/packages/colors/package.json index 616e9aa..d8f6351 100644 --- a/packages/colors/package.json +++ b/packages/colors/package.json @@ -1,6 +1,6 @@ { "name": "@new-ui/colors", - "version": "2.2.4", + "version": "2.2.5", "description": "New UI colors", "source": "src/index.scss", "main": "dist/index.css", diff --git a/packages/colors/src/_theme-dark--cold.scss b/packages/colors/src/_theme-dark--cold.scss index 71e96ba..54b1391 100644 --- a/packages/colors/src/_theme-dark--cold.scss +++ b/packages/colors/src/_theme-dark--cold.scss @@ -4,16 +4,16 @@ [data-new-ui-theme='dark--cold'] { @include color-palette; @include grey-scale( - oklch(98.54% 0.001 286.38), - oklch(96.95% 0.005 258.32), - oklch(92.77% 0.01 267.36), - oklch(87.05% 0.012 252.1), - oklch(70.4% 0.03 263.37), - oklch(55.32% 0.032 261.39), - oklch(44.46% 0.03 263.13), - oklch(37.01% 0.034 262.07), - oklch(27.79% 0.029 267.58), - oklch(20.62% 0.027 267.82), + oklch(96.8% 0.007 247.896), + oklch(92.9% 0.013 255.508), + oklch(86.9% 0.022 252.894), + oklch(70.4% 0.04 256.788), + oklch(55.4% 0.046 257.417), + oklch(44.6% 0.043 257.281), + oklch(37.2% 0.044 257.287), + oklch(27.9% 0.041 260.031), + oklch(20.8% 0.042 265.755), + oklch(12.9% 0.042 264.695), 'cold' ); @include semantic-tokens-dark('cold'); diff --git a/packages/effects/dist/index.css b/packages/effects/dist/index.css index bc3eb56..5ac53bc 100644 --- a/packages/effects/dist/index.css +++ b/packages/effects/dist/index.css @@ -1,56 +1,2 @@ -:root { - --dialog-strong: 0px 16px 48px #00000029; - --dialog: - 0px 0px 0px 0.5px #0000000f, 0px 12px 24px #00000014, 0px 2px 3px #0000000a; - --content: 0px 2px 3px #0000000f; - --canvas: 0px 0px 0px #0000; - --keyboard-key: 0 2px 0px var(--grey4); - --focus-default: 0px 0px 0px 2px var(--blue5); - --focus-accent: 0px 0px 0px 2px var(--blue8); - --focus-inverse: 0px 0px 0px 2px var(--white); - --radius-xs: 0.125rem; - --radius-sm: 0.25rem; - --radius-md: 0.375rem; - --radius-lg: 0.5rem; - --radius-xl: 0.75rem; - --radius-2xl: 1rem; - --radius-3xl: 1.5rem; - --radius-4xl: 2rem; - --blur-xs: 0.25rem; - --blur-sm: 0.5rem; - --blur-md: 0.75rem; - --blur-lg: 1rem; - --blur-xl: 1.5rem; - --blur-2xl: 2.5rem; - --blur-3xl: 4rem; - --perspective-dramatic: 6.25rem; - --perspective-near: 18.75rem; - --perspective-normal: 31.25rem; - --perspective-midrange: 50rem; - --perspective-distant: 75rem; - --aspect-video: 16 / 9; - --default-transition-duration: 0.15s; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} -.sh-dialog--strong { - box-shadow: var(--dialog-strong); -} -.sh-dialog { - box-shadow: var(--dialog); -} -.sh-content { - box-shadow: var(--content); -} -.sh-canvas { - box-shadow: var(--canvas); -} -.sh-default { - box-shadow: var(--focus-default); -} -.sh-accent { - box-shadow: var(--focus-accent); -} -.sh-inverse { - box-shadow: var(--focus-inverse); -} +:root{--dialog-strong:0px 16px 48px #00000029;--dialog:0px 12px 30px #00000029, 0px 2px 3px #0000001a;--content:0px 2px 4px #00000014;--canvas:none;--keyboard-key:0 2px 0px var(--border-muted);--focus-default:0px 0px 0px 2px var(--blue5);--focus-accent:0px 0px 0px 2px var(--blue8);--focus-inverse:0px 0px 0px 2px var(--white);--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--blur-xs:.25rem;--blur-sm:.5rem;--blur-md:.75rem;--blur-lg:1rem;--blur-xl:1.5rem;--blur-2xl:2.5rem;--blur-3xl:4rem;--perspective-dramatic:6.25rem;--perspective-near:18.75rem;--perspective-normal:31.25rem;--perspective-midrange:50rem;--perspective-distant:75rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}[data-new-ui-theme=dark],[data-new-ui-theme=dark--warm],[data-new-ui-theme=dark--cold]{--dialog-strong:0px 16px 48px #55555552, inset 0px 0px 0px .5px #ffffff29;--dialog:0px 0px 0px .5px #ffffff3d, 0px 2px 12px #33333352;--content:0px 2px 4px #ffffff0a, inset 0px .5px 0px #ffffff26;--canvas:none;--keyboard-key:0 2px 0px var(--border-muted)}.sh-dialog--strong{box-shadow:var(--dialog-strong)}.sh-dialog{box-shadow:var(--dialog)}.sh-content{box-shadow:var(--content)}.sh-canvas{box-shadow:var(--canvas)}.sh-default{box-shadow:var(--focus-default)}.sh-accent{box-shadow:var(--focus-accent)}.sh-inverse{box-shadow:var(--focus-inverse)}.nu-u-radius-xs{border-radius:var(--radius-xs)}.nu-u-radius-sm{border-radius:var(--radius-sm)}.nu-u-radius-md{border-radius:var(--radius-md)}.nu-u-radius-lg{border-radius:var(--radius-lg)}.nu-u-radius-xl{border-radius:var(--radius-xl)}.nu-u-radius-2xl{border-radius:var(--radius-2xl)}.nu-u-radius-3xl{border-radius:var(--radius-3xl)}.nu-u-radius-4xl{border-radius:var(--radius-4xl)}.nu-u-radius-full{border-radius:9999px}.nu-u-blur-xs{filter:blur(var(--blur-xs))}.nu-u-blur-sm{filter:blur(var(--blur-sm))}.nu-u-blur-md{filter:blur(var(--blur-md))}.nu-u-blur-lg{filter:blur(var(--blur-lg))}.nu-u-blur-xl{filter:blur(var(--blur-xl))}.nu-u-blur-2xl{filter:blur(var(--blur-2xl))}.nu-u-blur-3xl{filter:blur(var(--blur-3xl))}.nu-u-backdrop-blur-xs{backdrop-filter:blur(var(--blur-xs))}.nu-u-backdrop-blur-sm{backdrop-filter:blur(var(--blur-sm))}.nu-u-backdrop-blur-md{backdrop-filter:blur(var(--blur-md))}.nu-u-backdrop-blur-lg{backdrop-filter:blur(var(--blur-lg))}.nu-u-backdrop-blur-xl{backdrop-filter:blur(var(--blur-xl))}.nu-u-backdrop-blur-2xl{backdrop-filter:blur(var(--blur-2xl))}.nu-u-backdrop-blur-3xl{backdrop-filter:blur(var(--blur-3xl))}.nu-u-transition{transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-all{transition:all var(--default-transition-duration) var(--default-transition-timing-function)}.nu-u-transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-shadow{transition-property:box-shadow;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-transform{transition-property:transform;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.nu-u-transition-opacity{transition-property:opacity;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)} /*# sourceMappingURL=index.css.map */ diff --git a/packages/effects/dist/index.css.map b/packages/effects/dist/index.css.map index 0c0a34b..62b27dd 100644 --- a/packages/effects/dist/index.css.map +++ b/packages/effects/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACAA,g4B,mD,oC,sC,oC,4C,0C","sources":["index.css","src/_variables.scss"],"sourcesContent":[":root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 0px 0px .5px #0000000f, 0px 12px 24px #00000014,\n 0px 2px 3px #0000000a;\n --content: 0px 2px 3px #0000000f;\n --canvas: 0px 0px 0px #0000;\n --keyboard-key: 0 2px 0px var(--grey4);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n/*# sourceMappingURL=index.css.map */\n",":root {\n // Shadows\n --dialog-strong: 0px 16px 48px rgb(0 0 0 / 16%);\n --dialog:\n 0px 0px 0px 0.5px rgb(0 0 0 / 6%), 0px 12px 24px rgb(0 0 0 / 8%),\n 0px 2px 3px rgb(0 0 0 / 4%);\n --content: 0px 2px 3px rgb(0 0 0 / 6%);\n --canvas: 0px 0px 0px rgb(0 0 0 / 0%);\n --keyboard-key: 0 2px 0px var(--grey4);\n\n // Focus\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n\n // Radius\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n // Blur\n --blur-xs: 0.25rem;\n --blur-sm: 0.5rem;\n --blur-md: 0.75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n\n // Perspective\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n\n // Aspect Video\n --aspect-video: 16 / 9;\n\n // Transition Duration\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACAA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL","sources":["index.css","src/_variables.scss"],"sourcesContent":[":root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n/*# sourceMappingURL=index.css.map */\n",":root {\n // Shadows\n --dialog-strong: 0px 16px 48px rgba(0, 0, 0, 0.16);\n --dialog: 0px 12px 30px rgba(0, 0, 0, 0.16), 0px 2px 3px rgba(0, 0, 0, 0.1);\n --content: 0px 2px 4px rgba(0, 0, 0, 0.08);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n\n // Focus\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n\n // Radius\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n // Blur\n --blur-xs: 0.25rem;\n --blur-sm: 0.5rem;\n --blur-md: 0.75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n\n // Perspective\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n\n // Aspect Video\n --aspect-video: 16 / 9;\n\n // Transition Duration\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n[data-new-ui-theme='dark'],\n[data-new-ui-theme='dark--warm'],\n[data-new-ui-theme='dark--cold'] {\n // Shadows\n --dialog-strong:\n 0px 16px 48px rgba(85, 85, 85, 0.32),\n inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16);\n --dialog:\n 0px 0px 0px 0.5px rgba(255, 255, 255, 0.24),\n 0px 2px 12px rgba(51, 51, 51, 0.32);\n --content:\n 0px 2px 4px rgba(255, 255, 255, 0.04),\n inset 0px 0.5px 0px rgba(255, 255, 255, 0.15);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/effects/package.json b/packages/effects/package.json index cea9736..34d7601 100644 --- a/packages/effects/package.json +++ b/packages/effects/package.json @@ -1,6 +1,6 @@ { "name": "@new-ui/effects", - "version": "0.1.10", + "version": "0.1.11", "description": "Layering, elevations, and effects styles", "source": "src/index.scss", "main": "dist/index.css", diff --git a/packages/effects/src/_utilities.scss b/packages/effects/src/_utilities.scss index 53ce64d..f2e23db 100644 --- a/packages/effects/src/_utilities.scss +++ b/packages/effects/src/_utilities.scss @@ -1,3 +1,4 @@ +// Shadows .sh-dialog--strong { box-shadow: var(--dialog-strong); } @@ -25,3 +26,133 @@ .sh-inverse { box-shadow: var(--focus-inverse); } + +// Border Radius +.nu-u-radius-xs { + border-radius: var(--radius-xs); +} + +.nu-u-radius-sm { + border-radius: var(--radius-sm); +} + +.nu-u-radius-md { + border-radius: var(--radius-md); +} + +.nu-u-radius-lg { + border-radius: var(--radius-lg); +} + +.nu-u-radius-xl { + border-radius: var(--radius-xl); +} + +.nu-u-radius-2xl { + border-radius: var(--radius-2xl); +} + +.nu-u-radius-3xl { + border-radius: var(--radius-3xl); +} + +.nu-u-radius-4xl { + border-radius: var(--radius-4xl); +} + +.nu-u-radius-full { + border-radius: 9999px; +} + +// Blur +.nu-u-blur-xs { + filter: blur(var(--blur-xs)); +} + +.nu-u-blur-sm { + filter: blur(var(--blur-sm)); +} + +.nu-u-blur-md { + filter: blur(var(--blur-md)); +} + +.nu-u-blur-lg { + filter: blur(var(--blur-lg)); +} + +.nu-u-blur-xl { + filter: blur(var(--blur-xl)); +} + +.nu-u-blur-2xl { + filter: blur(var(--blur-2xl)); +} + +.nu-u-blur-3xl { + filter: blur(var(--blur-3xl)); +} + +// Backdrop Blur +.nu-u-backdrop-blur-xs { + backdrop-filter: blur(var(--blur-xs)); +} + +.nu-u-backdrop-blur-sm { + backdrop-filter: blur(var(--blur-sm)); +} + +.nu-u-backdrop-blur-md { + backdrop-filter: blur(var(--blur-md)); +} + +.nu-u-backdrop-blur-lg { + backdrop-filter: blur(var(--blur-lg)); +} + +.nu-u-backdrop-blur-xl { + backdrop-filter: blur(var(--blur-xl)); +} + +.nu-u-backdrop-blur-2xl { + backdrop-filter: blur(var(--blur-2xl)); +} + +.nu-u-backdrop-blur-3xl { + backdrop-filter: blur(var(--blur-3xl)); +} + +// Transition +.nu-u-transition { + transition-duration: var(--default-transition-duration); + transition-timing-function: var(--default-transition-timing-function); +} + +.nu-u-transition-all { + transition: all var(--default-transition-duration) + var(--default-transition-timing-function); +} + +.nu-u-transition-colors { + transition-property: color, background-color, border-color; + transition-duration: var(--default-transition-duration); + transition-timing-function: var(--default-transition-timing-function); +} + +.nu-u-transition-shadow { + transition-property: box-shadow; + transition-duration: var(--default-transition-duration); + transition-timing-function: var(--default-transition-timing-function); +} + +.nu-u-transition-transform { + transition-property: transform; + transition-duration: var(--default-transition-duration); + transition-timing-function: var(--default-transition-timing-function); +} + +.nu-u-transition-opacity { + transition-property: opacity; + transition-duration: var(--default-transition-duration); + transition-timing-function: var(--default-transition-timing-function); +} diff --git a/packages/effects/src/_variables.scss b/packages/effects/src/_variables.scss index 51a4f84..4a5ad30 100644 --- a/packages/effects/src/_variables.scss +++ b/packages/effects/src/_variables.scss @@ -1,12 +1,10 @@ :root { // Shadows - --dialog-strong: 0px 16px 48px rgb(0 0 0 / 16%); - --dialog: - 0px 0px 0px 0.5px rgb(0 0 0 / 6%), 0px 12px 24px rgb(0 0 0 / 8%), - 0px 2px 3px rgb(0 0 0 / 4%); - --content: 0px 2px 3px rgb(0 0 0 / 6%); - --canvas: 0px 0px 0px rgb(0 0 0 / 0%); - --keyboard-key: 0 2px 0px var(--grey4); + --dialog-strong: 0px 16px 48px rgba(0, 0, 0, 0.16); + --dialog: 0px 12px 30px rgba(0, 0, 0, 0.16), 0px 2px 3px rgba(0, 0, 0, 0.1); + --content: 0px 2px 4px rgba(0, 0, 0, 0.08); + --canvas: none; + --keyboard-key: 0 2px 0px var(--border-muted); // Focus --focus-default: 0px 0px 0px 2px var(--blue5); @@ -46,3 +44,20 @@ --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } + +[data-new-ui-theme='dark'], +[data-new-ui-theme='dark--warm'], +[data-new-ui-theme='dark--cold'] { + // Shadows + --dialog-strong: + 0px 16px 48px rgba(85, 85, 85, 0.32), + inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16); + --dialog: + 0px 0px 0px 0.5px rgba(255, 255, 255, 0.24), + 0px 2px 12px rgba(51, 51, 51, 0.32); + --content: + 0px 2px 4px rgba(255, 255, 255, 0.04), + inset 0px 0.5px 0px rgba(255, 255, 255, 0.15); + --canvas: none; + --keyboard-key: 0 2px 0px var(--border-muted); +} diff --git a/packages/grid/dist/index.css b/packages/grid/dist/index.css index ffa328b..49d1e06 100644 --- a/packages/grid/dist/index.css +++ b/packages/grid/dist/index.css @@ -1,606 +1,2 @@ -.col { - box-sizing: border-box; - flex: 1 0; - min-width: 0; - max-width: 100%; - padding-inline: 0.5rem; -} -.col--top, -.col--bottom, -.col--middle { - flex-direction: column; - display: flex; -} -.container { - box-sizing: border-box; - width: 100%; - margin-inline: auto; - padding-inline: 0.5rem; -} -@media (width>=30rem) { - .container { - max-width: 29.5rem; - } -} -@media (width>=64rem) { - .container { - max-width: 63.5rem; - } -} -@media (width>=85rem) { - .container { - max-width: 84.5rem; - } -} -.grid { - box-sizing: border-box; - flex-flow: wrap; - margin-inline: -0.5rem; - display: flex; -} -.grid--nogutter { - margin-inline: 0; -} -.grid--nogutter > .col { - padding-inline: 0; -} -.grid--gap { - gap: 0.5rem; - margin-inline: 0; -} -.grid--gap > .col { - padding-inline: 0; -} -.grid--gap-sm { - gap: 0.25rem; - margin-inline: 0; -} -.grid--gap-sm > .col { - padding-inline: 0; -} -.grid--gap-lg { - gap: 1rem; - margin-inline: 0; -} -.grid--gap-lg > .col { - padding-inline: 0; -} -.grid--start { - justify-content: flex-start; -} -.grid--center { - justify-content: center; -} -.grid--end { - justify-content: flex-end; -} -.grid--around { - justify-content: space-around; -} -.grid--between { - justify-content: space-between; -} -.grid--evenly { - justify-content: space-evenly; -} -.grid--stretch { - align-items: stretch; -} -.grid--reverse { - flex-direction: row-reverse; -} -.grid--align-start { - align-items: flex-start; -} -.grid--align-center { - align-items: center; -} -.grid--align-end { - align-items: flex-end; -} -.grid--align-baseline { - align-items: baseline; -} -.grid:focus-visible { - outline-offset: 2px; - outline: 2px solid; -} -@media (width>=30rem) { - .col--sm { - flex-basis: 100%; - max-width: 100%; - } - .col--sm-1 { - flex-basis: 8.33333%; - max-width: 8.33333%; - } - .col--sm-offset-1 { - margin-inline-start: 8.33333%; - } - .col--sm-2 { - flex-basis: 16.6667%; - max-width: 16.6667%; - } - .col--sm-offset-2 { - margin-inline-start: 16.6667%; - } - .col--sm-3 { - flex-basis: 25%; - max-width: 25%; - } - .col--sm-offset-3 { - margin-inline-start: 25%; - } - .col--sm-4 { - flex-basis: 33.3333%; - max-width: 33.3333%; - } - .col--sm-offset-4 { - margin-inline-start: 33.3333%; - } - .col--sm-5 { - flex-basis: 41.6667%; - max-width: 41.6667%; - } - .col--sm-offset-5 { - margin-inline-start: 41.6667%; - } - .col--sm-6 { - flex-basis: 50%; - max-width: 50%; - } - .col--sm-offset-6 { - margin-inline-start: 50%; - } - .col--sm-7 { - flex-basis: 58.3333%; - max-width: 58.3333%; - } - .col--sm-offset-7 { - margin-inline-start: 58.3333%; - } - .col--sm-8 { - flex-basis: 66.6667%; - max-width: 66.6667%; - } - .col--sm-offset-8 { - margin-inline-start: 66.6667%; - } - .col--sm-9 { - flex-basis: 75%; - max-width: 75%; - } - .col--sm-offset-9 { - margin-inline-start: 75%; - } - .col--sm-10 { - flex-basis: 83.3333%; - max-width: 83.3333%; - } - .col--sm-offset-10 { - margin-inline-start: 83.3333%; - } - .col--sm-11 { - flex-basis: 91.6667%; - max-width: 91.6667%; - } - .col--sm-offset-11 { - margin-inline-start: 91.6667%; - } - .col--sm-12 { - flex-basis: 100%; - max-width: 100%; - } -} -@media (width>=64rem) { - .col--md { - flex-basis: 100%; - max-width: 100%; - } - .col--md-1 { - flex-basis: 8.33333%; - max-width: 8.33333%; - } - .col--md-offset-1 { - margin-inline-start: 8.33333%; - } - .col--md-2 { - flex-basis: 16.6667%; - max-width: 16.6667%; - } - .col--md-offset-2 { - margin-inline-start: 16.6667%; - } - .col--md-3 { - flex-basis: 25%; - max-width: 25%; - } - .col--md-offset-3 { - margin-inline-start: 25%; - } - .col--md-4 { - flex-basis: 33.3333%; - max-width: 33.3333%; - } - .col--md-offset-4 { - margin-inline-start: 33.3333%; - } - .col--md-5 { - flex-basis: 41.6667%; - max-width: 41.6667%; - } - .col--md-offset-5 { - margin-inline-start: 41.6667%; - } - .col--md-6 { - flex-basis: 50%; - max-width: 50%; - } - .col--md-offset-6 { - margin-inline-start: 50%; - } - .col--md-7 { - flex-basis: 58.3333%; - max-width: 58.3333%; - } - .col--md-offset-7 { - margin-inline-start: 58.3333%; - } - .col--md-8 { - flex-basis: 66.6667%; - max-width: 66.6667%; - } - .col--md-offset-8 { - margin-inline-start: 66.6667%; - } - .col--md-9 { - flex-basis: 75%; - max-width: 75%; - } - .col--md-offset-9 { - margin-inline-start: 75%; - } - .col--md-10 { - flex-basis: 83.3333%; - max-width: 83.3333%; - } - .col--md-offset-10 { - margin-inline-start: 83.3333%; - } - .col--md-11 { - flex-basis: 91.6667%; - max-width: 91.6667%; - } - .col--md-offset-11 { - margin-inline-start: 91.6667%; - } - .col--md-12 { - flex-basis: 100%; - max-width: 100%; - } -} -@media (width>=85rem) { - .col--lg { - flex-basis: 100%; - max-width: 100%; - } - .col--lg-1 { - flex-basis: 8.33333%; - max-width: 8.33333%; - } - .col--lg-offset-1 { - margin-inline-start: 8.33333%; - } - .col--lg-2 { - flex-basis: 16.6667%; - max-width: 16.6667%; - } - .col--lg-offset-2 { - margin-inline-start: 16.6667%; - } - .col--lg-3 { - flex-basis: 25%; - max-width: 25%; - } - .col--lg-offset-3 { - margin-inline-start: 25%; - } - .col--lg-4 { - flex-basis: 33.3333%; - max-width: 33.3333%; - } - .col--lg-offset-4 { - margin-inline-start: 33.3333%; - } - .col--lg-5 { - flex-basis: 41.6667%; - max-width: 41.6667%; - } - .col--lg-offset-5 { - margin-inline-start: 41.6667%; - } - .col--lg-6 { - flex-basis: 50%; - max-width: 50%; - } - .col--lg-offset-6 { - margin-inline-start: 50%; - } - .col--lg-7 { - flex-basis: 58.3333%; - max-width: 58.3333%; - } - .col--lg-offset-7 { - margin-inline-start: 58.3333%; - } - .col--lg-8 { - flex-basis: 66.6667%; - max-width: 66.6667%; - } - .col--lg-offset-8 { - margin-inline-start: 66.6667%; - } - .col--lg-9 { - flex-basis: 75%; - max-width: 75%; - } - .col--lg-offset-9 { - margin-inline-start: 75%; - } - .col--lg-10 { - flex-basis: 83.3333%; - max-width: 83.3333%; - } - .col--lg-offset-10 { - margin-inline-start: 83.3333%; - } - .col--lg-11 { - flex-basis: 91.6667%; - max-width: 91.6667%; - } - .col--lg-offset-11 { - margin-inline-start: 91.6667%; - } - .col--lg-12 { - flex-basis: 100%; - max-width: 100%; - } -} -.col--align-top { - align-self: flex-start; -} -.col--align-bottom { - align-self: flex-end; -} -.col--align-middle { - align-self: center; -} -.col--align-stretch { - align-self: stretch; -} -.col--align-baseline { - align-self: baseline; -} -.col--top { - justify-content: flex-start; -} -.col--bottom { - justify-content: flex-end; -} -.col--middle { - justify-content: center; -} -.col--first { - order: -1; -} -.col--last { - order: 1; -} -.col--push-left { - margin-inline-end: auto; -} -.col--push-right { - margin-inline-start: auto; -} -.col--fixed { - flex: none; -} -.col--auto { - flex: none; - width: auto; - max-width: none; -} -.col--1 { - flex-basis: 8.33333%; - max-width: 8.33333%; -} -.col--offset-1 { - margin-inline-start: 8.33333%; -} -.col--2 { - flex-basis: 16.6667%; - max-width: 16.6667%; -} -.col--offset-2 { - margin-inline-start: 16.6667%; -} -.col--3 { - flex-basis: 25%; - max-width: 25%; -} -.col--offset-3 { - margin-inline-start: 25%; -} -.col--4 { - flex-basis: 33.3333%; - max-width: 33.3333%; -} -.col--offset-4 { - margin-inline-start: 33.3333%; -} -.col--5 { - flex-basis: 41.6667%; - max-width: 41.6667%; -} -.col--offset-5 { - margin-inline-start: 41.6667%; -} -.col--6 { - flex-basis: 50%; - max-width: 50%; -} -.col--offset-6 { - margin-inline-start: 50%; -} -.col--7 { - flex-basis: 58.3333%; - max-width: 58.3333%; -} -.col--offset-7 { - margin-inline-start: 58.3333%; -} -.col--8 { - flex-basis: 66.6667%; - max-width: 66.6667%; -} -.col--offset-8 { - margin-inline-start: 66.6667%; -} -.col--9 { - flex-basis: 75%; - max-width: 75%; -} -.col--offset-9 { - margin-inline-start: 75%; -} -.col--10 { - flex-basis: 83.3333%; - max-width: 83.3333%; -} -.col--offset-10 { - margin-inline-start: 83.3333%; -} -.col--11 { - flex-basis: 91.6667%; - max-width: 91.6667%; -} -.col--offset-11 { - margin-inline-start: 91.6667%; -} -.col--12 { - flex-basis: 100%; - max-width: 100%; -} -.col--grow-2 { - flex-grow: 2; -} -.col--grow-3 { - flex-grow: 3; -} -.col--grow-4 { - flex-grow: 4; -} -.col--grow-5 { - flex-grow: 5; -} -.col--grow-6 { - flex-grow: 6; -} -.col--grow-7 { - flex-grow: 7; -} -.col--grow-8 { - flex-grow: 8; -} -.col--grow-9 { - flex-grow: 9; -} -.col--grow-10 { - flex-grow: 10; -} -.col--grow-11 { - flex-grow: 11; -} -.col:focus-visible { - outline-offset: 2px; - outline: 2px solid; -} -@media (width>=30rem) { - .hidden-sm-up { - display: none !important; - } -} -@media (width<30rem) { - .hidden-sm-down { - display: none !important; - } -} -.visible-sm-up { - display: none !important; -} -@media (width>=30rem) { - .visible-sm-up { - display: block !important; - } -} -.visible-sm-down { - display: none !important; -} -@media (width<30rem) { - .visible-sm-down { - display: block !important; - } -} -@media (width>=64rem) { - .hidden-md-up { - display: none !important; - } -} -@media (width<64rem) { - .hidden-md-down { - display: none !important; - } -} -.visible-md-up { - display: none !important; -} -@media (width>=64rem) { - .visible-md-up { - display: block !important; - } -} -.visible-md-down { - display: none !important; -} -@media (width<64rem) { - .visible-md-down { - display: block !important; - } -} -@media (width>=85rem) { - .hidden-lg-up { - display: none !important; - } -} -@media (width<85rem) { - .hidden-lg-down { - display: none !important; - } -} -.visible-lg-up { - display: none !important; -} -@media (width>=85rem) { - .visible-lg-up { - display: block !important; - } -} -.visible-lg-down { - display: none !important; -} -@media (width<85rem) { - .visible-lg-down { - display: block !important; - } -} +.nu-col{box-sizing:border-box;flex:1 0;min-width:0;max-width:100%;padding-inline:.5rem}.nu-col--content-top,.nu-col--content-bottom,.nu-col--content-middle{flex-direction:column;display:flex}.nu-container{box-sizing:border-box;width:100%;margin-inline:auto;padding-inline:.5rem}@media (width>=30rem){.nu-container{max-width:29rem}}@media (width>=64rem){.nu-container{max-width:63rem}}@media (width>=85rem){.nu-container{max-width:84rem}}.nu-grid{box-sizing:border-box;flex-flow:wrap;margin-inline:-.5rem;display:flex}.nu-grid--nogutter{margin-inline:0}.nu-grid--nogutter>.nu-col{padding-inline:0}.nu-grid--gap{gap:.5rem;margin-inline:0}.nu-grid--gap>.nu-col{padding-inline:0}.nu-grid--gap-sm{gap:.25rem;margin-inline:0}.nu-grid--gap-sm>.nu-col{padding-inline:0}.nu-grid--gap-lg{gap:1rem;margin-inline:0}.nu-grid--gap-lg>.nu-col{padding-inline:0}.nu-grid--start{justify-content:flex-start}.nu-grid--center{justify-content:center}.nu-grid--end{justify-content:flex-end}.nu-grid--around{justify-content:space-around}.nu-grid--between{justify-content:space-between}.nu-grid--evenly{justify-content:space-evenly}.nu-grid--stretch{align-items:stretch}.nu-grid--reverse{flex-direction:row-reverse}.nu-grid--align-start{align-items:flex-start}.nu-grid--align-center{align-items:center}.nu-grid--align-end{align-items:flex-end}.nu-grid--align-baseline{align-items:baseline}@media (width>=30rem){.nu-col--sm{flex-basis:100%;max-width:100%}.nu-col--sm-1{flex-basis:8.33333%;max-width:8.33333%}.nu-col--sm-offset-1{margin-inline-start:8.33333%}.nu-col--sm-2{flex-basis:16.6667%;max-width:16.6667%}.nu-col--sm-offset-2{margin-inline-start:16.6667%}.nu-col--sm-3{flex-basis:25%;max-width:25%}.nu-col--sm-offset-3{margin-inline-start:25%}.nu-col--sm-4{flex-basis:33.3333%;max-width:33.3333%}.nu-col--sm-offset-4{margin-inline-start:33.3333%}.nu-col--sm-5{flex-basis:41.6667%;max-width:41.6667%}.nu-col--sm-offset-5{margin-inline-start:41.6667%}.nu-col--sm-6{flex-basis:50%;max-width:50%}.nu-col--sm-offset-6{margin-inline-start:50%}.nu-col--sm-7{flex-basis:58.3333%;max-width:58.3333%}.nu-col--sm-offset-7{margin-inline-start:58.3333%}.nu-col--sm-8{flex-basis:66.6667%;max-width:66.6667%}.nu-col--sm-offset-8{margin-inline-start:66.6667%}.nu-col--sm-9{flex-basis:75%;max-width:75%}.nu-col--sm-offset-9{margin-inline-start:75%}.nu-col--sm-10{flex-basis:83.3333%;max-width:83.3333%}.nu-col--sm-offset-10{margin-inline-start:83.3333%}.nu-col--sm-11{flex-basis:91.6667%;max-width:91.6667%}.nu-col--sm-offset-11{margin-inline-start:91.6667%}.nu-col--sm-12{flex-basis:100%;max-width:100%}}@media (width>=64rem){.nu-col--md{flex-basis:100%;max-width:100%}.nu-col--md-1{flex-basis:8.33333%;max-width:8.33333%}.nu-col--md-offset-1{margin-inline-start:8.33333%}.nu-col--md-2{flex-basis:16.6667%;max-width:16.6667%}.nu-col--md-offset-2{margin-inline-start:16.6667%}.nu-col--md-3{flex-basis:25%;max-width:25%}.nu-col--md-offset-3{margin-inline-start:25%}.nu-col--md-4{flex-basis:33.3333%;max-width:33.3333%}.nu-col--md-offset-4{margin-inline-start:33.3333%}.nu-col--md-5{flex-basis:41.6667%;max-width:41.6667%}.nu-col--md-offset-5{margin-inline-start:41.6667%}.nu-col--md-6{flex-basis:50%;max-width:50%}.nu-col--md-offset-6{margin-inline-start:50%}.nu-col--md-7{flex-basis:58.3333%;max-width:58.3333%}.nu-col--md-offset-7{margin-inline-start:58.3333%}.nu-col--md-8{flex-basis:66.6667%;max-width:66.6667%}.nu-col--md-offset-8{margin-inline-start:66.6667%}.nu-col--md-9{flex-basis:75%;max-width:75%}.nu-col--md-offset-9{margin-inline-start:75%}.nu-col--md-10{flex-basis:83.3333%;max-width:83.3333%}.nu-col--md-offset-10{margin-inline-start:83.3333%}.nu-col--md-11{flex-basis:91.6667%;max-width:91.6667%}.nu-col--md-offset-11{margin-inline-start:91.6667%}.nu-col--md-12{flex-basis:100%;max-width:100%}}@media (width>=85rem){.nu-col--lg{flex-basis:100%;max-width:100%}.nu-col--lg-1{flex-basis:8.33333%;max-width:8.33333%}.nu-col--lg-offset-1{margin-inline-start:8.33333%}.nu-col--lg-2{flex-basis:16.6667%;max-width:16.6667%}.nu-col--lg-offset-2{margin-inline-start:16.6667%}.nu-col--lg-3{flex-basis:25%;max-width:25%}.nu-col--lg-offset-3{margin-inline-start:25%}.nu-col--lg-4{flex-basis:33.3333%;max-width:33.3333%}.nu-col--lg-offset-4{margin-inline-start:33.3333%}.nu-col--lg-5{flex-basis:41.6667%;max-width:41.6667%}.nu-col--lg-offset-5{margin-inline-start:41.6667%}.nu-col--lg-6{flex-basis:50%;max-width:50%}.nu-col--lg-offset-6{margin-inline-start:50%}.nu-col--lg-7{flex-basis:58.3333%;max-width:58.3333%}.nu-col--lg-offset-7{margin-inline-start:58.3333%}.nu-col--lg-8{flex-basis:66.6667%;max-width:66.6667%}.nu-col--lg-offset-8{margin-inline-start:66.6667%}.nu-col--lg-9{flex-basis:75%;max-width:75%}.nu-col--lg-offset-9{margin-inline-start:75%}.nu-col--lg-10{flex-basis:83.3333%;max-width:83.3333%}.nu-col--lg-offset-10{margin-inline-start:83.3333%}.nu-col--lg-11{flex-basis:91.6667%;max-width:91.6667%}.nu-col--lg-offset-11{margin-inline-start:91.6667%}.nu-col--lg-12{flex-basis:100%;max-width:100%}}.nu-col--align-top{align-self:flex-start}.nu-col--align-bottom{align-self:flex-end}.nu-col--align-middle{align-self:center}.nu-col--align-stretch{align-self:stretch}.nu-col--align-baseline{align-self:baseline}.nu-col--content-top{justify-content:flex-start}.nu-col--content-bottom{justify-content:flex-end}.nu-col--content-middle{justify-content:center}.nu-col--first{order:-1}.nu-col--last{order:1}.nu-col--push-left{margin-inline-end:auto}.nu-col--push-right{margin-inline-start:auto}.nu-col--no-grow{flex:none}.nu-col--auto{flex:none;width:auto;max-width:none}.nu-col--1{flex-basis:8.33333%;max-width:8.33333%}.nu-col--offset-1{margin-inline-start:8.33333%}.nu-col--2{flex-basis:16.6667%;max-width:16.6667%}.nu-col--offset-2{margin-inline-start:16.6667%}.nu-col--3{flex-basis:25%;max-width:25%}.nu-col--offset-3{margin-inline-start:25%}.nu-col--4{flex-basis:33.3333%;max-width:33.3333%}.nu-col--offset-4{margin-inline-start:33.3333%}.nu-col--5{flex-basis:41.6667%;max-width:41.6667%}.nu-col--offset-5{margin-inline-start:41.6667%}.nu-col--6{flex-basis:50%;max-width:50%}.nu-col--offset-6{margin-inline-start:50%}.nu-col--7{flex-basis:58.3333%;max-width:58.3333%}.nu-col--offset-7{margin-inline-start:58.3333%}.nu-col--8{flex-basis:66.6667%;max-width:66.6667%}.nu-col--offset-8{margin-inline-start:66.6667%}.nu-col--9{flex-basis:75%;max-width:75%}.nu-col--offset-9{margin-inline-start:75%}.nu-col--10{flex-basis:83.3333%;max-width:83.3333%}.nu-col--offset-10{margin-inline-start:83.3333%}.nu-col--11{flex-basis:91.6667%;max-width:91.6667%}.nu-col--offset-11{margin-inline-start:91.6667%}.nu-col--12{flex-basis:100%;max-width:100%}.nu-col--grow-2{flex-grow:2}.nu-col--grow-3{flex-grow:3}.nu-col--grow-4{flex-grow:4}.nu-col--grow-5{flex-grow:5}.nu-col--grow-6{flex-grow:6}.nu-col--grow-7{flex-grow:7}.nu-col--grow-8{flex-grow:8}.nu-col--grow-9{flex-grow:9}.nu-col--grow-10{flex-grow:10}.nu-col--grow-11{flex-grow:11}@media (width>=30rem){.nu-u-hidden-sm-up{display:none!important}}@media (width<30rem){.nu-u-hidden-sm-down{display:none!important}}.nu-u-visible-sm-up{display:none!important}@media (width>=30rem){.nu-u-visible-sm-up{display:block!important}}.nu-u-visible-sm-down{display:none!important}@media (width<30rem){.nu-u-visible-sm-down{display:block!important}}@media (width>=64rem){.nu-u-hidden-md-up{display:none!important}}@media (width<64rem){.nu-u-hidden-md-down{display:none!important}}.nu-u-visible-md-up{display:none!important}@media (width>=64rem){.nu-u-visible-md-up{display:block!important}}.nu-u-visible-md-down{display:none!important}@media (width<64rem){.nu-u-visible-md-down{display:block!important}}@media (width>=85rem){.nu-u-hidden-lg-up{display:none!important}}@media (width<85rem){.nu-u-hidden-lg-down{display:none!important}}.nu-u-visible-lg-up{display:none!important}@media (width>=85rem){.nu-u-visible-lg-up{display:block!important}}.nu-u-visible-lg-down{display:none!important}@media (width<85rem){.nu-u-visible-lg-down{display:block!important}}.nu-u-d-block{display:block}.nu-u-d-inline{display:inline}.nu-u-d-inline-block{display:inline-block}.nu-u-d-flex{display:flex}.nu-u-d-inline-flex{display:inline-flex}.nu-u-d-grid{display:grid}.nu-u-d-none{display:none}.nu-u-flex-row{flex-direction:row}.nu-u-flex-row-reverse{flex-direction:row-reverse}.nu-u-flex-col{flex-direction:column}.nu-u-flex-col-reverse{flex-direction:column-reverse}.nu-u-flex-wrap{flex-wrap:wrap}.nu-u-flex-nowrap{flex-wrap:nowrap}.nu-u-flex-wrap-reverse{flex-wrap:wrap-reverse}.nu-u-justify-start{justify-content:flex-start}.nu-u-justify-center{justify-content:center}.nu-u-justify-end{justify-content:flex-end}.nu-u-justify-between{justify-content:space-between}.nu-u-justify-around{justify-content:space-around}.nu-u-justify-evenly{justify-content:space-evenly}.nu-u-items-start{align-items:flex-start}.nu-u-items-center{align-items:center}.nu-u-items-end{align-items:flex-end}.nu-u-items-stretch{align-items:stretch}.nu-u-items-baseline{align-items:baseline}.nu-u-self-start{align-self:flex-start}.nu-u-self-center{align-self:center}.nu-u-self-end{align-self:flex-end}.nu-u-self-stretch{align-self:stretch}.nu-u-self-baseline{align-self:baseline}.nu-u-flex-grow{flex-grow:1}.nu-u-flex-grow-0{flex-grow:0}.nu-u-flex-shrink{flex-shrink:1}.nu-u-flex-shrink-0{flex-shrink:0}.nu-u-w-full{width:100%}.nu-u-w-auto{width:auto}.nu-u-h-full{height:100%}.nu-u-h-auto{height:auto}.nu-u-overflow-hidden{overflow:hidden}.nu-u-overflow-auto{overflow:auto}.nu-u-overflow-visible{overflow:visible} /*# sourceMappingURL=index.css.map */ diff --git a/packages/grid/dist/index.css.map b/packages/grid/dist/index.css.map index 4bba4ea..ecff6f3 100644 --- a/packages/grid/dist/index.css.map +++ b/packages/grid/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACwDA,oFAQA,uEAQA,oFAxDI,sBAwDJ,8BAxDI,sBAwDJ,8BAxDI,sBAwDJ,8BAkBA,6EAME,gCAtEA,sCA0EA,qCA1EA,iCAgFA,yCAhFA,oCAsFA,uCAtFA,oCA4FA,wCAIA,qCAIA,oCAIA,2CAIA,6CAIA,2CAIA,mCAIA,0CAKA,0CAIA,uCAIA,sCAIA,2CAKA,yDAxJE,sBAuKE,wCA5IF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,mDAME,gDANF,mDAME,gDANF,4CA3BA,sBAuKE,wCA5IF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,mDAME,gDANF,mDAME,gDANF,4CA3BA,sBAuKE,wCA5IF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,mDAME,gDANF,mDAME,gDANF,4CAsJF,sCAIA,uCAIA,qCAIA,uCAIA,yCAUA,qCAIA,sCAIA,oCAIA,qBAIA,mBAIA,uCAIA,0CAIA,sBAIA,+CAhNE,+CAME,4CANF,+CAME,4CANF,qCAME,uCANF,+CAME,4CANF,+CAME,4CANF,qCAME,uCANF,+CAME,4CANF,+CAME,4CANF,qCAME,uCANF,gDAME,6CANF,gDAME,6CANF,wCA2NA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,2BAAA,2BAMF,wDA5PE,sBAoQF,sCAOE,qBADF,wCAMA,sCAhRE,sBAgRF,wCAQA,wCAGE,qBAHF,0CAxRE,sBAoQF,sCAOE,qBADF,wCAMA,sCAhRE,sBAgRF,wCAQA,wCAGE,qBAHF,0CAxRE,sBAoQF,sCAOE,qBADF,wCAMA,sCAhRE,sBAgRF,wCAQA,wCAGE,qBAHF","sources":["index.css","src/_grid.scss"],"sourcesContent":[".col {\n box-sizing: border-box;\n flex: 1 0;\n min-width: 0;\n max-width: 100%;\n padding-inline: .5rem;\n}\n\n.col--top, .col--bottom, .col--middle {\n flex-direction: column;\n display: flex;\n}\n\n.container {\n box-sizing: border-box;\n width: 100%;\n margin-inline: auto;\n padding-inline: .5rem;\n}\n\n@media (width >= 30rem) {\n .container {\n max-width: 29.5rem;\n }\n}\n\n@media (width >= 64rem) {\n .container {\n max-width: 63.5rem;\n }\n}\n\n@media (width >= 85rem) {\n .container {\n max-width: 84.5rem;\n }\n}\n\n.grid {\n box-sizing: border-box;\n flex-flow: wrap;\n margin-inline: -.5rem;\n display: flex;\n}\n\n.grid--nogutter {\n margin-inline: 0;\n}\n\n.grid--nogutter > .col {\n padding-inline: 0;\n}\n\n.grid--gap {\n gap: .5rem;\n margin-inline: 0;\n}\n\n.grid--gap > .col {\n padding-inline: 0;\n}\n\n.grid--gap-sm {\n gap: .25rem;\n margin-inline: 0;\n}\n\n.grid--gap-sm > .col {\n padding-inline: 0;\n}\n\n.grid--gap-lg {\n gap: 1rem;\n margin-inline: 0;\n}\n\n.grid--gap-lg > .col {\n padding-inline: 0;\n}\n\n.grid--start {\n justify-content: flex-start;\n}\n\n.grid--center {\n justify-content: center;\n}\n\n.grid--end {\n justify-content: flex-end;\n}\n\n.grid--around {\n justify-content: space-around;\n}\n\n.grid--between {\n justify-content: space-between;\n}\n\n.grid--evenly {\n justify-content: space-evenly;\n}\n\n.grid--stretch {\n align-items: stretch;\n}\n\n.grid--reverse {\n flex-direction: row-reverse;\n}\n\n.grid--align-start {\n align-items: flex-start;\n}\n\n.grid--align-center {\n align-items: center;\n}\n\n.grid--align-end {\n align-items: flex-end;\n}\n\n.grid--align-baseline {\n align-items: baseline;\n}\n\n.grid:focus-visible {\n outline-offset: 2px;\n outline: 2px solid;\n}\n\n@media (width >= 30rem) {\n .col--sm {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .col--sm-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .col--sm-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .col--sm-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .col--sm-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .col--sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .col--sm-offset-3 {\n margin-inline-start: 25%;\n }\n\n .col--sm-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .col--sm-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .col--sm-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .col--sm-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .col--sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .col--sm-offset-6 {\n margin-inline-start: 50%;\n }\n\n .col--sm-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .col--sm-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .col--sm-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .col--sm-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .col--sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .col--sm-offset-9 {\n margin-inline-start: 75%;\n }\n\n .col--sm-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .col--sm-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .col--sm-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .col--sm-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .col--sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n@media (width >= 64rem) {\n .col--md {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .col--md-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .col--md-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .col--md-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .col--md-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .col--md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .col--md-offset-3 {\n margin-inline-start: 25%;\n }\n\n .col--md-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .col--md-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .col--md-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .col--md-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .col--md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .col--md-offset-6 {\n margin-inline-start: 50%;\n }\n\n .col--md-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .col--md-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .col--md-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .col--md-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .col--md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .col--md-offset-9 {\n margin-inline-start: 75%;\n }\n\n .col--md-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .col--md-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .col--md-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .col--md-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .col--md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n@media (width >= 85rem) {\n .col--lg {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .col--lg-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .col--lg-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .col--lg-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .col--lg-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .col--lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .col--lg-offset-3 {\n margin-inline-start: 25%;\n }\n\n .col--lg-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .col--lg-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .col--lg-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .col--lg-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .col--lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .col--lg-offset-6 {\n margin-inline-start: 50%;\n }\n\n .col--lg-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .col--lg-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .col--lg-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .col--lg-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .col--lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .col--lg-offset-9 {\n margin-inline-start: 75%;\n }\n\n .col--lg-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .col--lg-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .col--lg-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .col--lg-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .col--lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n.col--align-top {\n align-self: flex-start;\n}\n\n.col--align-bottom {\n align-self: flex-end;\n}\n\n.col--align-middle {\n align-self: center;\n}\n\n.col--align-stretch {\n align-self: stretch;\n}\n\n.col--align-baseline {\n align-self: baseline;\n}\n\n.col--top {\n justify-content: flex-start;\n}\n\n.col--bottom {\n justify-content: flex-end;\n}\n\n.col--middle {\n justify-content: center;\n}\n\n.col--first {\n order: -1;\n}\n\n.col--last {\n order: 1;\n}\n\n.col--push-left {\n margin-inline-end: auto;\n}\n\n.col--push-right {\n margin-inline-start: auto;\n}\n\n.col--fixed {\n flex: none;\n}\n\n.col--auto {\n flex: none;\n width: auto;\n max-width: none;\n}\n\n.col--1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n}\n\n.col--offset-1 {\n margin-inline-start: 8.33333%;\n}\n\n.col--2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n}\n\n.col--offset-2 {\n margin-inline-start: 16.6667%;\n}\n\n.col--3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n\n.col--offset-3 {\n margin-inline-start: 25%;\n}\n\n.col--4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n}\n\n.col--offset-4 {\n margin-inline-start: 33.3333%;\n}\n\n.col--5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n}\n\n.col--offset-5 {\n margin-inline-start: 41.6667%;\n}\n\n.col--6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n.col--offset-6 {\n margin-inline-start: 50%;\n}\n\n.col--7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n}\n\n.col--offset-7 {\n margin-inline-start: 58.3333%;\n}\n\n.col--8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n}\n\n.col--offset-8 {\n margin-inline-start: 66.6667%;\n}\n\n.col--9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n\n.col--offset-9 {\n margin-inline-start: 75%;\n}\n\n.col--10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n}\n\n.col--offset-10 {\n margin-inline-start: 83.3333%;\n}\n\n.col--11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n}\n\n.col--offset-11 {\n margin-inline-start: 91.6667%;\n}\n\n.col--12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n\n.col--grow-2 {\n flex-grow: 2;\n}\n\n.col--grow-3 {\n flex-grow: 3;\n}\n\n.col--grow-4 {\n flex-grow: 4;\n}\n\n.col--grow-5 {\n flex-grow: 5;\n}\n\n.col--grow-6 {\n flex-grow: 6;\n}\n\n.col--grow-7 {\n flex-grow: 7;\n}\n\n.col--grow-8 {\n flex-grow: 8;\n}\n\n.col--grow-9 {\n flex-grow: 9;\n}\n\n.col--grow-10 {\n flex-grow: 10;\n}\n\n.col--grow-11 {\n flex-grow: 11;\n}\n\n.col:focus-visible {\n outline-offset: 2px;\n outline: 2px solid;\n}\n\n@media (width >= 30rem) {\n .hidden-sm-up {\n display: none !important;\n }\n}\n\n@media (width < 30rem) {\n .hidden-sm-down {\n display: none !important;\n }\n}\n\n.visible-sm-up {\n display: none !important;\n}\n\n@media (width >= 30rem) {\n .visible-sm-up {\n display: block !important;\n }\n}\n\n.visible-sm-down {\n display: none !important;\n}\n\n@media (width < 30rem) {\n .visible-sm-down {\n display: block !important;\n }\n}\n\n@media (width >= 64rem) {\n .hidden-md-up {\n display: none !important;\n }\n}\n\n@media (width < 64rem) {\n .hidden-md-down {\n display: none !important;\n }\n}\n\n.visible-md-up {\n display: none !important;\n}\n\n@media (width >= 64rem) {\n .visible-md-up {\n display: block !important;\n }\n}\n\n.visible-md-down {\n display: none !important;\n}\n\n@media (width < 64rem) {\n .visible-md-down {\n display: block !important;\n }\n}\n\n@media (width >= 85rem) {\n .hidden-lg-up {\n display: none !important;\n }\n}\n\n@media (width < 85rem) {\n .hidden-lg-down {\n display: none !important;\n }\n}\n\n.visible-lg-up {\n display: none !important;\n}\n\n@media (width >= 85rem) {\n .visible-lg-up {\n display: block !important;\n }\n}\n\n.visible-lg-down {\n display: none !important;\n}\n\n@media (width < 85rem) {\n .visible-lg-down {\n display: block !important;\n }\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'sass:map';\n@use 'sass:math';\n\n$base: 0.5rem !default;\n$breakpoints: (\n sm: 30rem,\n md: 64rem,\n lg: 85rem,\n) !default;\n\n/// Breakpoint mixin using modern range syntax\n/// @param {String} $breakpoint - Breakpoint name from $breakpoints map\n@mixin breakpoint($breakpoint) {\n @if map.has-key($breakpoints, $breakpoint) {\n $value: map.get($breakpoints, $breakpoint);\n\n @media (min-width: $value) {\n @content;\n }\n }\n}\n\n/// Reset grid gutters\n@mixin grid-gutter-reset {\n margin-inline: 0;\n\n > .col {\n padding-inline: 0;\n }\n}\n\n/// Generate column sizes for a given prefix\n/// @param {String} $prefix - Optional prefix for responsive columns\n@mixin column-sizes($prefix: '') {\n @for $i from 1 through 12 {\n $separator: '';\n\n @if $prefix != '' {\n $separator: '-';\n }\n\n $width: math.percentage(math.div($i, 12));\n\n &--#{$prefix}#{$separator}#{$i} {\n flex-basis: $width;\n max-width: $width;\n }\n\n @if $i < 12 {\n &--#{$prefix}#{$separator}offset-#{$i} {\n margin-inline-start: $width;\n }\n }\n }\n}\n\n%col-base {\n flex: 1 0 0%;\n max-width: 100%;\n min-width: 0;\n padding-inline: $base;\n box-sizing: border-box;\n}\n\n%col-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n/// Container with responsive max-widths\n/// @example\n///
...
\n.container {\n width: 100%;\n padding-inline: $base;\n margin-inline: auto;\n box-sizing: border-box;\n\n @each $breakpoint, $value in $breakpoints {\n @include breakpoint($breakpoint) {\n max-width: calc(#{$value} - #{$base});\n }\n }\n}\n\n/// Flexbox grid system\n/// @example\n///
\n///
...
\n///
\n.grid {\n display: flex;\n flex-flow: row wrap;\n margin-inline: (-$base);\n box-sizing: border-box;\n\n &--nogutter {\n @include grid-gutter-reset;\n }\n\n &--gap {\n gap: $base;\n\n @include grid-gutter-reset;\n }\n\n &--gap-sm {\n gap: calc($base / 2);\n\n @include grid-gutter-reset;\n }\n\n &--gap-lg {\n gap: calc($base * 2);\n\n @include grid-gutter-reset;\n }\n\n &--start {\n justify-content: flex-start;\n }\n\n &--center {\n justify-content: center;\n }\n\n &--end {\n justify-content: flex-end;\n }\n\n &--around {\n justify-content: space-around;\n }\n\n &--between {\n justify-content: space-between;\n }\n\n &--evenly {\n justify-content: space-evenly;\n }\n\n &--stretch {\n align-items: stretch;\n }\n\n &--reverse {\n flex-direction: row-reverse;\n }\n\n // Vertical alignment modifiers\n &--align-start {\n align-items: flex-start;\n }\n\n &--align-center {\n align-items: center;\n }\n\n &--align-end {\n align-items: flex-end;\n }\n\n &--align-baseline {\n align-items: baseline;\n }\n\n // Focus styles for accessibility\n &:focus-visible {\n outline: 2px solid currentcolor;\n outline-offset: 2px;\n }\n}\n\n/// Grid column\n/// @example\n///
Half width
\n.col {\n @extend %col-base;\n\n // Responsive column modifiers\n @each $breakpoint, $value in $breakpoints {\n @include breakpoint($breakpoint) {\n &--#{$breakpoint} {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n // Responsive sizing\n @include column-sizes($breakpoint);\n }\n }\n\n &--align-top {\n align-self: flex-start;\n }\n\n &--align-bottom {\n align-self: flex-end;\n }\n\n &--align-middle {\n align-self: center;\n }\n\n &--align-stretch {\n align-self: stretch;\n }\n\n &--align-baseline {\n align-self: baseline;\n }\n\n &--top,\n &--bottom,\n &--middle {\n @extend %col-flex-column;\n }\n\n &--top {\n justify-content: flex-start;\n }\n\n &--bottom {\n justify-content: flex-end;\n }\n\n &--middle {\n justify-content: center;\n }\n\n &--first {\n order: -1;\n }\n\n &--last {\n order: 1;\n }\n\n &--push-left {\n margin-inline-end: auto;\n }\n\n &--push-right {\n margin-inline-start: auto;\n }\n\n &--fixed {\n flex: 0 0 auto;\n }\n\n &--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n\n // Column sizing (base, non-responsive)\n @include column-sizes;\n\n // Flex grow utilities\n @for $i from 2 through 11 {\n &--grow-#{$i} {\n flex-grow: $i;\n }\n }\n\n // Focus styles for accessibility\n &:focus-visible {\n outline: 2px solid currentcolor;\n outline-offset: 2px;\n }\n}\n\n// Visibility utilities\n@each $breakpoint, $value in $breakpoints {\n .hidden-#{$breakpoint}-up {\n @include breakpoint($breakpoint) {\n display: none !important;\n }\n }\n\n .hidden-#{$breakpoint}-down {\n @media (width < #{$value}) {\n display: none !important;\n }\n }\n\n .visible-#{$breakpoint}-up {\n display: none !important;\n\n @include breakpoint($breakpoint) {\n display: block !important;\n }\n }\n\n .visible-#{$breakpoint}-down {\n display: none !important;\n\n @media (width < #{$value}) {\n display: block !important;\n }\n }\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACwDA,uFAQA,wGAQA,uFAxDI,sBAwDJ,+BAxDI,sBAwDJ,+BAxDI,sBAwDJ,+BAkBA,gFAME,mCAtEA,4CA0EA,wCA1EA,uCAgFA,4CAhFA,0CAsFA,0CAtFA,0CA4FA,2CAIA,wCAIA,uCAIA,8CAIA,gDAIA,8CAIA,sCAIA,6CAKA,6CAIA,0CAIA,yCAIA,8CAnJE,sBAiKE,2CAtIF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,sDAME,mDANF,sDAME,mDANF,+CA3BA,sBAiKE,2CAtIF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,sDAME,mDANF,sDAME,mDANF,+CA3BA,sBAiKE,2CAtIF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,qDAME,kDANF,qDAME,kDANF,2CAME,6CANF,sDAME,mDANF,sDAME,mDANF,+CAiJF,yCAIA,0CAIA,wCAIA,0CAIA,4CAWA,gDAIA,iDAIA,+CAIA,wBAIA,sBAIA,0CAIA,6CAKA,2BAKA,kDA9ME,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,kDAME,+CANF,kDAME,+CANF,wCAME,0CANF,mDAME,gDANF,mDAME,gDANF,2CAyNA,4BAAA,4BAAA,4BAAA,4BAAA,4BAAA,4BAAA,4BAAA,4BAAA,8BAAA,8BApPA,sBA4PF,2CAOE,qBADF,6CAMA,2CAxQE,sBAwQF,6CAQA,6CAGE,qBAHF,+CAhRE,sBA4PF,2CAOE,qBADF,6CAMA,2CAxQE,sBAwQF,6CAQA,6CAGE,qBAHF,+CAhRE,sBA4PF,2CAOE,qBADF,6CAMA,2CAxQE,sBAwQF,6CAQA,6CAGE,qBAHF,+CC/RF,4BAIA,8BAIA,0CAIA,0BAIA,wCAIA,0BAIA,0BAKA,kCAIA,kDAIA,qCAIA,qDAKA,+BAIA,mCAIA,+CAKA,+CAIA,4CAIA,2CAIA,oDAIA,kDAIA,kDAKA,yCAIA,sCAIA,qCAIA,wCAIA,0CAKA,uCAIA,oCAIA,mCAIA,sCAIA,wCAKA,4BAIA,8BAIA,gCAIA,kCAKA,wBAIA,wBAIA,yBAIA,yBAKA,sCAIA,kCAIA","sources":["index.css","src/_grid.scss","src/_utilities.scss"],"sourcesContent":[".nu-col {\n box-sizing: border-box;\n flex: 1 0;\n min-width: 0;\n max-width: 100%;\n padding-inline: .5rem;\n}\n\n.nu-col--content-top, .nu-col--content-bottom, .nu-col--content-middle {\n flex-direction: column;\n display: flex;\n}\n\n.nu-container {\n box-sizing: border-box;\n width: 100%;\n margin-inline: auto;\n padding-inline: .5rem;\n}\n\n@media (width >= 30rem) {\n .nu-container {\n max-width: 29rem;\n }\n}\n\n@media (width >= 64rem) {\n .nu-container {\n max-width: 63rem;\n }\n}\n\n@media (width >= 85rem) {\n .nu-container {\n max-width: 84rem;\n }\n}\n\n.nu-grid {\n box-sizing: border-box;\n flex-flow: wrap;\n margin-inline: -.5rem;\n display: flex;\n}\n\n.nu-grid--nogutter {\n margin-inline: 0;\n}\n\n.nu-grid--nogutter > .nu-col {\n padding-inline: 0;\n}\n\n.nu-grid--gap {\n gap: .5rem;\n margin-inline: 0;\n}\n\n.nu-grid--gap > .nu-col {\n padding-inline: 0;\n}\n\n.nu-grid--gap-sm {\n gap: .25rem;\n margin-inline: 0;\n}\n\n.nu-grid--gap-sm > .nu-col {\n padding-inline: 0;\n}\n\n.nu-grid--gap-lg {\n gap: 1rem;\n margin-inline: 0;\n}\n\n.nu-grid--gap-lg > .nu-col {\n padding-inline: 0;\n}\n\n.nu-grid--start {\n justify-content: flex-start;\n}\n\n.nu-grid--center {\n justify-content: center;\n}\n\n.nu-grid--end {\n justify-content: flex-end;\n}\n\n.nu-grid--around {\n justify-content: space-around;\n}\n\n.nu-grid--between {\n justify-content: space-between;\n}\n\n.nu-grid--evenly {\n justify-content: space-evenly;\n}\n\n.nu-grid--stretch {\n align-items: stretch;\n}\n\n.nu-grid--reverse {\n flex-direction: row-reverse;\n}\n\n.nu-grid--align-start {\n align-items: flex-start;\n}\n\n.nu-grid--align-center {\n align-items: center;\n}\n\n.nu-grid--align-end {\n align-items: flex-end;\n}\n\n.nu-grid--align-baseline {\n align-items: baseline;\n}\n\n@media (width >= 30rem) {\n .nu-col--sm {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .nu-col--sm-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .nu-col--sm-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .nu-col--sm-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .nu-col--sm-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .nu-col--sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .nu-col--sm-offset-3 {\n margin-inline-start: 25%;\n }\n\n .nu-col--sm-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .nu-col--sm-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .nu-col--sm-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .nu-col--sm-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .nu-col--sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .nu-col--sm-offset-6 {\n margin-inline-start: 50%;\n }\n\n .nu-col--sm-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .nu-col--sm-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .nu-col--sm-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .nu-col--sm-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .nu-col--sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .nu-col--sm-offset-9 {\n margin-inline-start: 75%;\n }\n\n .nu-col--sm-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .nu-col--sm-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .nu-col--sm-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .nu-col--sm-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .nu-col--sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n@media (width >= 64rem) {\n .nu-col--md {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .nu-col--md-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .nu-col--md-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .nu-col--md-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .nu-col--md-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .nu-col--md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .nu-col--md-offset-3 {\n margin-inline-start: 25%;\n }\n\n .nu-col--md-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .nu-col--md-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .nu-col--md-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .nu-col--md-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .nu-col--md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .nu-col--md-offset-6 {\n margin-inline-start: 50%;\n }\n\n .nu-col--md-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .nu-col--md-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .nu-col--md-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .nu-col--md-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .nu-col--md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .nu-col--md-offset-9 {\n margin-inline-start: 75%;\n }\n\n .nu-col--md-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .nu-col--md-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .nu-col--md-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .nu-col--md-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .nu-col--md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n@media (width >= 85rem) {\n .nu-col--lg {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .nu-col--lg-1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n }\n\n .nu-col--lg-offset-1 {\n margin-inline-start: 8.33333%;\n }\n\n .nu-col--lg-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n }\n\n .nu-col--lg-offset-2 {\n margin-inline-start: 16.6667%;\n }\n\n .nu-col--lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .nu-col--lg-offset-3 {\n margin-inline-start: 25%;\n }\n\n .nu-col--lg-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n }\n\n .nu-col--lg-offset-4 {\n margin-inline-start: 33.3333%;\n }\n\n .nu-col--lg-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n }\n\n .nu-col--lg-offset-5 {\n margin-inline-start: 41.6667%;\n }\n\n .nu-col--lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .nu-col--lg-offset-6 {\n margin-inline-start: 50%;\n }\n\n .nu-col--lg-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n }\n\n .nu-col--lg-offset-7 {\n margin-inline-start: 58.3333%;\n }\n\n .nu-col--lg-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n }\n\n .nu-col--lg-offset-8 {\n margin-inline-start: 66.6667%;\n }\n\n .nu-col--lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .nu-col--lg-offset-9 {\n margin-inline-start: 75%;\n }\n\n .nu-col--lg-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n }\n\n .nu-col--lg-offset-10 {\n margin-inline-start: 83.3333%;\n }\n\n .nu-col--lg-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n }\n\n .nu-col--lg-offset-11 {\n margin-inline-start: 91.6667%;\n }\n\n .nu-col--lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n\n.nu-col--align-top {\n align-self: flex-start;\n}\n\n.nu-col--align-bottom {\n align-self: flex-end;\n}\n\n.nu-col--align-middle {\n align-self: center;\n}\n\n.nu-col--align-stretch {\n align-self: stretch;\n}\n\n.nu-col--align-baseline {\n align-self: baseline;\n}\n\n.nu-col--content-top {\n justify-content: flex-start;\n}\n\n.nu-col--content-bottom {\n justify-content: flex-end;\n}\n\n.nu-col--content-middle {\n justify-content: center;\n}\n\n.nu-col--first {\n order: -1;\n}\n\n.nu-col--last {\n order: 1;\n}\n\n.nu-col--push-left {\n margin-inline-end: auto;\n}\n\n.nu-col--push-right {\n margin-inline-start: auto;\n}\n\n.nu-col--no-grow {\n flex: none;\n}\n\n.nu-col--auto {\n flex: none;\n width: auto;\n max-width: none;\n}\n\n.nu-col--1 {\n flex-basis: 8.33333%;\n max-width: 8.33333%;\n}\n\n.nu-col--offset-1 {\n margin-inline-start: 8.33333%;\n}\n\n.nu-col--2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n}\n\n.nu-col--offset-2 {\n margin-inline-start: 16.6667%;\n}\n\n.nu-col--3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n\n.nu-col--offset-3 {\n margin-inline-start: 25%;\n}\n\n.nu-col--4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n}\n\n.nu-col--offset-4 {\n margin-inline-start: 33.3333%;\n}\n\n.nu-col--5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n}\n\n.nu-col--offset-5 {\n margin-inline-start: 41.6667%;\n}\n\n.nu-col--6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n.nu-col--offset-6 {\n margin-inline-start: 50%;\n}\n\n.nu-col--7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n}\n\n.nu-col--offset-7 {\n margin-inline-start: 58.3333%;\n}\n\n.nu-col--8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n}\n\n.nu-col--offset-8 {\n margin-inline-start: 66.6667%;\n}\n\n.nu-col--9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n\n.nu-col--offset-9 {\n margin-inline-start: 75%;\n}\n\n.nu-col--10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n}\n\n.nu-col--offset-10 {\n margin-inline-start: 83.3333%;\n}\n\n.nu-col--11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n}\n\n.nu-col--offset-11 {\n margin-inline-start: 91.6667%;\n}\n\n.nu-col--12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n\n.nu-col--grow-2 {\n flex-grow: 2;\n}\n\n.nu-col--grow-3 {\n flex-grow: 3;\n}\n\n.nu-col--grow-4 {\n flex-grow: 4;\n}\n\n.nu-col--grow-5 {\n flex-grow: 5;\n}\n\n.nu-col--grow-6 {\n flex-grow: 6;\n}\n\n.nu-col--grow-7 {\n flex-grow: 7;\n}\n\n.nu-col--grow-8 {\n flex-grow: 8;\n}\n\n.nu-col--grow-9 {\n flex-grow: 9;\n}\n\n.nu-col--grow-10 {\n flex-grow: 10;\n}\n\n.nu-col--grow-11 {\n flex-grow: 11;\n}\n\n@media (width >= 30rem) {\n .nu-u-hidden-sm-up {\n display: none !important;\n }\n}\n\n@media (width < 30rem) {\n .nu-u-hidden-sm-down {\n display: none !important;\n }\n}\n\n.nu-u-visible-sm-up {\n display: none !important;\n}\n\n@media (width >= 30rem) {\n .nu-u-visible-sm-up {\n display: block !important;\n }\n}\n\n.nu-u-visible-sm-down {\n display: none !important;\n}\n\n@media (width < 30rem) {\n .nu-u-visible-sm-down {\n display: block !important;\n }\n}\n\n@media (width >= 64rem) {\n .nu-u-hidden-md-up {\n display: none !important;\n }\n}\n\n@media (width < 64rem) {\n .nu-u-hidden-md-down {\n display: none !important;\n }\n}\n\n.nu-u-visible-md-up {\n display: none !important;\n}\n\n@media (width >= 64rem) {\n .nu-u-visible-md-up {\n display: block !important;\n }\n}\n\n.nu-u-visible-md-down {\n display: none !important;\n}\n\n@media (width < 64rem) {\n .nu-u-visible-md-down {\n display: block !important;\n }\n}\n\n@media (width >= 85rem) {\n .nu-u-hidden-lg-up {\n display: none !important;\n }\n}\n\n@media (width < 85rem) {\n .nu-u-hidden-lg-down {\n display: none !important;\n }\n}\n\n.nu-u-visible-lg-up {\n display: none !important;\n}\n\n@media (width >= 85rem) {\n .nu-u-visible-lg-up {\n display: block !important;\n }\n}\n\n.nu-u-visible-lg-down {\n display: none !important;\n}\n\n@media (width < 85rem) {\n .nu-u-visible-lg-down {\n display: block !important;\n }\n}\n\n.nu-u-d-block {\n display: block;\n}\n\n.nu-u-d-inline {\n display: inline;\n}\n\n.nu-u-d-inline-block {\n display: inline-block;\n}\n\n.nu-u-d-flex {\n display: flex;\n}\n\n.nu-u-d-inline-flex {\n display: inline-flex;\n}\n\n.nu-u-d-grid {\n display: grid;\n}\n\n.nu-u-d-none {\n display: none;\n}\n\n.nu-u-flex-row {\n flex-direction: row;\n}\n\n.nu-u-flex-row-reverse {\n flex-direction: row-reverse;\n}\n\n.nu-u-flex-col {\n flex-direction: column;\n}\n\n.nu-u-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.nu-u-flex-wrap {\n flex-wrap: wrap;\n}\n\n.nu-u-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.nu-u-flex-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n.nu-u-justify-start {\n justify-content: flex-start;\n}\n\n.nu-u-justify-center {\n justify-content: center;\n}\n\n.nu-u-justify-end {\n justify-content: flex-end;\n}\n\n.nu-u-justify-between {\n justify-content: space-between;\n}\n\n.nu-u-justify-around {\n justify-content: space-around;\n}\n\n.nu-u-justify-evenly {\n justify-content: space-evenly;\n}\n\n.nu-u-items-start {\n align-items: flex-start;\n}\n\n.nu-u-items-center {\n align-items: center;\n}\n\n.nu-u-items-end {\n align-items: flex-end;\n}\n\n.nu-u-items-stretch {\n align-items: stretch;\n}\n\n.nu-u-items-baseline {\n align-items: baseline;\n}\n\n.nu-u-self-start {\n align-self: flex-start;\n}\n\n.nu-u-self-center {\n align-self: center;\n}\n\n.nu-u-self-end {\n align-self: flex-end;\n}\n\n.nu-u-self-stretch {\n align-self: stretch;\n}\n\n.nu-u-self-baseline {\n align-self: baseline;\n}\n\n.nu-u-flex-grow {\n flex-grow: 1;\n}\n\n.nu-u-flex-grow-0 {\n flex-grow: 0;\n}\n\n.nu-u-flex-shrink {\n flex-shrink: 1;\n}\n\n.nu-u-flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.nu-u-w-full {\n width: 100%;\n}\n\n.nu-u-w-auto {\n width: auto;\n}\n\n.nu-u-h-full {\n height: 100%;\n}\n\n.nu-u-h-auto {\n height: auto;\n}\n\n.nu-u-overflow-hidden {\n overflow: hidden;\n}\n\n.nu-u-overflow-auto {\n overflow: auto;\n}\n\n.nu-u-overflow-visible {\n overflow: visible;\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'sass:map';\n@use 'sass:math';\n\n$base: 0.5rem !default;\n$breakpoints: (\n sm: 30rem,\n md: 64rem,\n lg: 85rem,\n) !default;\n\n/// Breakpoint mixin using modern range syntax\n/// @param {String} $breakpoint - Breakpoint name from $breakpoints map\n@mixin breakpoint($breakpoint) {\n @if map.has-key($breakpoints, $breakpoint) {\n $value: map.get($breakpoints, $breakpoint);\n\n @media (min-width: $value) {\n @content;\n }\n }\n}\n\n/// Reset grid gutters\n@mixin grid-gutter-reset {\n margin-inline: 0;\n\n > .nu-col {\n padding-inline: 0;\n }\n}\n\n/// Generate column sizes for a given prefix\n/// @param {String} $prefix - Optional prefix for responsive columns\n@mixin column-sizes($prefix: '') {\n @for $i from 1 through 12 {\n $separator: '';\n\n @if $prefix != '' {\n $separator: '-';\n }\n\n $width: math.percentage(math.div($i, 12));\n\n &--#{$prefix}#{$separator}#{$i} {\n flex-basis: $width;\n max-width: $width;\n }\n\n @if $i < 12 {\n &--#{$prefix}#{$separator}offset-#{$i} {\n margin-inline-start: $width;\n }\n }\n }\n}\n\n%col-base {\n flex: 1 0 0%;\n max-width: 100%;\n min-width: 0;\n padding-inline: $base;\n box-sizing: border-box;\n}\n\n%col-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n/// Container with responsive max-widths\n/// @example\n///
...
\n.nu-container {\n width: 100%;\n padding-inline: $base;\n margin-inline: auto;\n box-sizing: border-box;\n\n @each $breakpoint, $value in $breakpoints {\n @include breakpoint($breakpoint) {\n max-width: calc(#{$value} - #{$base * 2});\n }\n }\n}\n\n/// Flexbox grid system\n/// @example\n///
\n///
...
\n///
\n.nu-grid {\n display: flex;\n flex-flow: row wrap;\n margin-inline: (-$base);\n box-sizing: border-box;\n\n &--nogutter {\n @include grid-gutter-reset;\n }\n\n &--gap {\n gap: $base;\n\n @include grid-gutter-reset;\n }\n\n &--gap-sm {\n gap: calc($base / 2);\n\n @include grid-gutter-reset;\n }\n\n &--gap-lg {\n gap: calc($base * 2);\n\n @include grid-gutter-reset;\n }\n\n &--start {\n justify-content: flex-start;\n }\n\n &--center {\n justify-content: center;\n }\n\n &--end {\n justify-content: flex-end;\n }\n\n &--around {\n justify-content: space-around;\n }\n\n &--between {\n justify-content: space-between;\n }\n\n &--evenly {\n justify-content: space-evenly;\n }\n\n &--stretch {\n align-items: stretch;\n }\n\n &--reverse {\n flex-direction: row-reverse;\n }\n\n // Vertical alignment modifiers\n &--align-start {\n align-items: flex-start;\n }\n\n &--align-center {\n align-items: center;\n }\n\n &--align-end {\n align-items: flex-end;\n }\n\n &--align-baseline {\n align-items: baseline;\n }\n}\n\n/// Grid column\n/// @example\n///
Half width
\n.nu-col {\n @extend %col-base;\n\n // Responsive column modifiers\n @each $breakpoint, $value in $breakpoints {\n @include breakpoint($breakpoint) {\n &--#{$breakpoint} {\n flex-basis: 100%;\n max-width: 100%;\n }\n\n // Responsive sizing\n @include column-sizes($breakpoint);\n }\n }\n\n // Self-alignment within the grid row\n &--align-top {\n align-self: flex-start;\n }\n\n &--align-bottom {\n align-self: flex-end;\n }\n\n &--align-middle {\n align-self: center;\n }\n\n &--align-stretch {\n align-self: stretch;\n }\n\n &--align-baseline {\n align-self: baseline;\n }\n\n // Inner content vertical positioning (turns column into flex column)\n &--content-top,\n &--content-bottom,\n &--content-middle {\n @extend %col-flex-column;\n }\n\n &--content-top {\n justify-content: flex-start;\n }\n\n &--content-bottom {\n justify-content: flex-end;\n }\n\n &--content-middle {\n justify-content: center;\n }\n\n &--first {\n order: -1;\n }\n\n &--last {\n order: 1;\n }\n\n &--push-left {\n margin-inline-end: auto;\n }\n\n &--push-right {\n margin-inline-start: auto;\n }\n\n // Don't grow or shrink, keep intrinsic size\n &--no-grow {\n flex: 0 0 auto;\n }\n\n // Size to content, remove max-width constraint\n &--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n\n // Column sizing (base, non-responsive)\n @include column-sizes;\n\n // Flex grow utilities\n @for $i from 2 through 11 {\n &--grow-#{$i} {\n flex-grow: $i;\n }\n }\n}\n\n// Visibility utilities\n@each $breakpoint, $value in $breakpoints {\n .nu-u-hidden-#{$breakpoint}-up {\n @include breakpoint($breakpoint) {\n display: none !important;\n }\n }\n\n .nu-u-hidden-#{$breakpoint}-down {\n @media (width < #{$value}) {\n display: none !important;\n }\n }\n\n .nu-u-visible-#{$breakpoint}-up {\n display: none !important;\n\n @include breakpoint($breakpoint) {\n display: block !important;\n }\n }\n\n .nu-u-visible-#{$breakpoint}-down {\n display: none !important;\n\n @media (width < #{$value}) {\n display: block !important;\n }\n }\n}\n","// Display\n.nu-u-d-block {\n display: block;\n}\n\n.nu-u-d-inline {\n display: inline;\n}\n\n.nu-u-d-inline-block {\n display: inline-block;\n}\n\n.nu-u-d-flex {\n display: flex;\n}\n\n.nu-u-d-inline-flex {\n display: inline-flex;\n}\n\n.nu-u-d-grid {\n display: grid;\n}\n\n.nu-u-d-none {\n display: none;\n}\n\n// Flex Direction\n.nu-u-flex-row {\n flex-direction: row;\n}\n\n.nu-u-flex-row-reverse {\n flex-direction: row-reverse;\n}\n\n.nu-u-flex-col {\n flex-direction: column;\n}\n\n.nu-u-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n// Flex Wrap\n.nu-u-flex-wrap {\n flex-wrap: wrap;\n}\n\n.nu-u-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.nu-u-flex-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n// Justify Content\n.nu-u-justify-start {\n justify-content: flex-start;\n}\n\n.nu-u-justify-center {\n justify-content: center;\n}\n\n.nu-u-justify-end {\n justify-content: flex-end;\n}\n\n.nu-u-justify-between {\n justify-content: space-between;\n}\n\n.nu-u-justify-around {\n justify-content: space-around;\n}\n\n.nu-u-justify-evenly {\n justify-content: space-evenly;\n}\n\n// Align Items\n.nu-u-items-start {\n align-items: flex-start;\n}\n\n.nu-u-items-center {\n align-items: center;\n}\n\n.nu-u-items-end {\n align-items: flex-end;\n}\n\n.nu-u-items-stretch {\n align-items: stretch;\n}\n\n.nu-u-items-baseline {\n align-items: baseline;\n}\n\n// Align Self\n.nu-u-self-start {\n align-self: flex-start;\n}\n\n.nu-u-self-center {\n align-self: center;\n}\n\n.nu-u-self-end {\n align-self: flex-end;\n}\n\n.nu-u-self-stretch {\n align-self: stretch;\n}\n\n.nu-u-self-baseline {\n align-self: baseline;\n}\n\n// Flex Grow / Shrink\n.nu-u-flex-grow {\n flex-grow: 1;\n}\n\n.nu-u-flex-grow-0 {\n flex-grow: 0;\n}\n\n.nu-u-flex-shrink {\n flex-shrink: 1;\n}\n\n.nu-u-flex-shrink-0 {\n flex-shrink: 0;\n}\n\n// Sizing\n.nu-u-w-full {\n width: 100%;\n}\n\n.nu-u-w-auto {\n width: auto;\n}\n\n.nu-u-h-full {\n height: 100%;\n}\n\n.nu-u-h-auto {\n height: auto;\n}\n\n// Overflow\n.nu-u-overflow-hidden {\n overflow: hidden;\n}\n\n.nu-u-overflow-auto {\n overflow: auto;\n}\n\n.nu-u-overflow-visible {\n overflow: visible;\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/grid/package.json b/packages/grid/package.json index eba5283..a7b7924 100644 --- a/packages/grid/package.json +++ b/packages/grid/package.json @@ -1,6 +1,6 @@ { "name": "@new-ui/grid", - "version": "0.1.3", + "version": "0.1.4", "description": "Lightweight flex grid", "source": "src/index.scss", "main": "dist/index.css", diff --git a/packages/grid/src/_grid.scss b/packages/grid/src/_grid.scss index a6ac252..80a62c4 100644 --- a/packages/grid/src/_grid.scss +++ b/packages/grid/src/_grid.scss @@ -24,7 +24,7 @@ $breakpoints: ( @mixin grid-gutter-reset { margin-inline: 0; - > .col { + > .nu-col { padding-inline: 0; } } @@ -69,8 +69,8 @@ $breakpoints: ( /// Container with responsive max-widths /// @example -///
...
-.container { +///
...
+.nu-container { width: 100%; padding-inline: $base; margin-inline: auto; @@ -78,17 +78,17 @@ $breakpoints: ( @each $breakpoint, $value in $breakpoints { @include breakpoint($breakpoint) { - max-width: calc(#{$value} - #{$base}); + max-width: calc(#{$value} - #{$base * 2}); } } } /// Flexbox grid system /// @example -///
-///
...
+///
+///
...
///
-.grid { +.nu-grid { display: flex; flex-flow: row wrap; margin-inline: (-$base); @@ -164,18 +164,12 @@ $breakpoints: ( &--align-baseline { align-items: baseline; } - - // Focus styles for accessibility - &:focus-visible { - outline: 2px solid currentcolor; - outline-offset: 2px; - } } /// Grid column /// @example -///
Half width
-.col { +///
Half width
+.nu-col { @extend %col-base; // Responsive column modifiers @@ -191,6 +185,7 @@ $breakpoints: ( } } + // Self-alignment within the grid row &--align-top { align-self: flex-start; } @@ -211,21 +206,22 @@ $breakpoints: ( align-self: baseline; } - &--top, - &--bottom, - &--middle { + // Inner content vertical positioning (turns column into flex column) + &--content-top, + &--content-bottom, + &--content-middle { @extend %col-flex-column; } - &--top { + &--content-top { justify-content: flex-start; } - &--bottom { + &--content-bottom { justify-content: flex-end; } - &--middle { + &--content-middle { justify-content: center; } @@ -245,10 +241,12 @@ $breakpoints: ( margin-inline-start: auto; } - &--fixed { + // Don't grow or shrink, keep intrinsic size + &--no-grow { flex: 0 0 auto; } + // Size to content, remove max-width constraint &--auto { flex: 0 0 auto; width: auto; @@ -264,29 +262,23 @@ $breakpoints: ( flex-grow: $i; } } - - // Focus styles for accessibility - &:focus-visible { - outline: 2px solid currentcolor; - outline-offset: 2px; - } } // Visibility utilities @each $breakpoint, $value in $breakpoints { - .hidden-#{$breakpoint}-up { + .nu-u-hidden-#{$breakpoint}-up { @include breakpoint($breakpoint) { display: none !important; } } - .hidden-#{$breakpoint}-down { + .nu-u-hidden-#{$breakpoint}-down { @media (width < #{$value}) { display: none !important; } } - .visible-#{$breakpoint}-up { + .nu-u-visible-#{$breakpoint}-up { display: none !important; @include breakpoint($breakpoint) { @@ -294,7 +286,7 @@ $breakpoints: ( } } - .visible-#{$breakpoint}-down { + .nu-u-visible-#{$breakpoint}-down { display: none !important; @media (width < #{$value}) { diff --git a/packages/grid/src/_utilities.scss b/packages/grid/src/_utilities.scss new file mode 100644 index 0000000..d055907 --- /dev/null +++ b/packages/grid/src/_utilities.scss @@ -0,0 +1,172 @@ +// Display +.nu-u-d-block { + display: block; +} + +.nu-u-d-inline { + display: inline; +} + +.nu-u-d-inline-block { + display: inline-block; +} + +.nu-u-d-flex { + display: flex; +} + +.nu-u-d-inline-flex { + display: inline-flex; +} + +.nu-u-d-grid { + display: grid; +} + +.nu-u-d-none { + display: none; +} + +// Flex Direction +.nu-u-flex-row { + flex-direction: row; +} + +.nu-u-flex-row-reverse { + flex-direction: row-reverse; +} + +.nu-u-flex-col { + flex-direction: column; +} + +.nu-u-flex-col-reverse { + flex-direction: column-reverse; +} + +// Flex Wrap +.nu-u-flex-wrap { + flex-wrap: wrap; +} + +.nu-u-flex-nowrap { + flex-wrap: nowrap; +} + +.nu-u-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} + +// Justify Content +.nu-u-justify-start { + justify-content: flex-start; +} + +.nu-u-justify-center { + justify-content: center; +} + +.nu-u-justify-end { + justify-content: flex-end; +} + +.nu-u-justify-between { + justify-content: space-between; +} + +.nu-u-justify-around { + justify-content: space-around; +} + +.nu-u-justify-evenly { + justify-content: space-evenly; +} + +// Align Items +.nu-u-items-start { + align-items: flex-start; +} + +.nu-u-items-center { + align-items: center; +} + +.nu-u-items-end { + align-items: flex-end; +} + +.nu-u-items-stretch { + align-items: stretch; +} + +.nu-u-items-baseline { + align-items: baseline; +} + +// Align Self +.nu-u-self-start { + align-self: flex-start; +} + +.nu-u-self-center { + align-self: center; +} + +.nu-u-self-end { + align-self: flex-end; +} + +.nu-u-self-stretch { + align-self: stretch; +} + +.nu-u-self-baseline { + align-self: baseline; +} + +// Flex Grow / Shrink +.nu-u-flex-grow { + flex-grow: 1; +} + +.nu-u-flex-grow-0 { + flex-grow: 0; +} + +.nu-u-flex-shrink { + flex-shrink: 1; +} + +.nu-u-flex-shrink-0 { + flex-shrink: 0; +} + +// Sizing +.nu-u-w-full { + width: 100%; +} + +.nu-u-w-auto { + width: auto; +} + +.nu-u-h-full { + height: 100%; +} + +.nu-u-h-auto { + height: auto; +} + +// Overflow +.nu-u-overflow-hidden { + overflow: hidden; +} + +.nu-u-overflow-auto { + overflow: auto; +} + +.nu-u-overflow-visible { + overflow: visible; +} diff --git a/packages/grid/src/index.scss b/packages/grid/src/index.scss index 9afb415..60af808 100644 --- a/packages/grid/src/index.scss +++ b/packages/grid/src/index.scss @@ -1 +1,2 @@ @use 'grid'; +@use 'utilities'; diff --git a/packages/reset/dist/index.css b/packages/reset/dist/index.css index 3b81d5c..4c0a3a6 100644 --- a/packages/reset/dist/index.css +++ b/packages/reset/dist/index.css @@ -1,65 +1,2 @@ -*, -:before, -:after { - box-sizing: border-box; -} -html { - -moz-text-size-adjust: none; - text-size-adjust: none; - vertical-align: baseline; -} -body, -h1, -h2, -h3, -h4, -h5, -h6, -p, -figure, -blockquote, -dl, -dd { - margin: 0; - padding: 0; -} -ul[role='list'], -ol[role='list'] { - list-style: none; -} -body { - min-height: 100vh; - line-height: 1.5; -} -h1, -h2, -h3, -h4, -h5, -h6 { - text-wrap: balance; -} -a:not([class]) { - text-decoration-skip-ink: auto; -} -img, -picture { - max-width: 100%; - display: block; -} -input, -textarea, -button, -select { - font-family: inherit; - font-size: inherit; - margin: 0; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -:target { - scroll-margin-block: 5ex; -} +*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;vertical-align:baseline}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,textarea,button,select{font-family:inherit;font-size:inherit;margin:0}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block:5ex} /*# sourceMappingURL=index.css.map */ diff --git a/packages/spacings/dist/index.css b/packages/spacings/dist/index.css index 46a5d1d..a2c78ce 100644 --- a/packages/spacings/dist/index.css +++ b/packages/spacings/dist/index.css @@ -1,413 +1,2 @@ -:root { - --spacing: 0.125rem; - --spacing-00: 0px; - --spacing-01: var(--spacing); - --spacing-02: calc(var(--spacing) * 2); - --spacing-03: calc(var(--spacing) * 3); - --spacing-04: calc(var(--spacing) * 4); - --spacing-05: calc(var(--spacing) * 6); - --spacing-06: calc(var(--spacing) * 8); - --spacing-07: calc(var(--spacing) * 10); - --spacing-08: calc(var(--spacing) * 12); - --spacing-09: calc(var(--spacing) * 16); - --spacing-10: calc(var(--spacing) * 20); - --spacing-11: calc(var(--spacing) * 24); - --spacing-12: calc(var(--spacing) * 28); - --spacing-13: calc(var(--spacing) * 32); - --spacing-14: calc(var(--spacing) * 36); - --spacing-15: calc(var(--spacing) * 40); - --spacing-16: calc(var(--spacing) * 48); - --spacing-17: calc(var(--spacing) * 60); - --spacing-18: calc(var(--spacing) * 80); - --spacing-zero: var(--spacing-00); - --spacing-xs: var(--spacing-02); - --spacing-s: var(--spacing-04); - --spacing-m: var(--spacing-05); - --spacing-l: var(--spacing-06); - --spacing-xl: var(--spacing-08); - --spacing-xxl: var(--spacing-09); - --spacing-xxxl: var(--spacing-11); - --size-xs: var(--spacing-06); - --size-s: var(--spacing-08); - --size-m: var(--spacing-09); - --controls-size-default: var(--spacing-09); - --controls-size-small: var(--spacing-08); -} -.nu-u-mx-auto { - margin-inline: auto; -} -.nu-u-me-auto { - margin-right: auto; -} -.nu-u-ms-auto { - margin-left: auto; -} -.nu-u-m-zero { - margin: var(--spacing-zero); -} -.nu-u-m-xs { - margin: var(--spacing-xs); -} -.nu-u-m-s { - margin: var(--spacing-s); -} -.nu-u-m-m { - margin: var(--spacing-m); -} -.nu-u-m-l { - margin: var(--spacing-l); -} -.nu-u-m-xl { - margin: var(--spacing-xl); -} -.nu-u-m-xxl { - margin: var(--spacing-xxl); -} -.nu-u-m-xxxl { - margin: var(--spacing-xxxl); -} -.nu-u-mt-zero { - margin-top: var(--spacing-zero); -} -.nu-u-mt-xs { - margin-top: var(--spacing-xs); -} -.nu-u-mt-s { - margin-top: var(--spacing-s); -} -.nu-u-mt-m { - margin-top: var(--spacing-m); -} -.nu-u-mt-l { - margin-top: var(--spacing-l); -} -.nu-u-mt-xl { - margin-top: var(--spacing-xl); -} -.nu-u-mt-xxl { - margin-top: var(--spacing-xxl); -} -.nu-u-mt-xxxl { - margin-top: var(--spacing-xxxl); -} -.nu-u-mb-zero { - margin-bottom: var(--spacing-zero); -} -.nu-u-mb-xs { - margin-bottom: var(--spacing-xs); -} -.nu-u-mb-s { - margin-bottom: var(--spacing-s); -} -.nu-u-mb-m { - margin-bottom: var(--spacing-m); -} -.nu-u-mb-l { - margin-bottom: var(--spacing-l); -} -.nu-u-mb-xl { - margin-bottom: var(--spacing-xl); -} -.nu-u-mb-xxl { - margin-bottom: var(--spacing-xxl); -} -.nu-u-mb-xxxl { - margin-bottom: var(--spacing-xxxl); -} -.nu-u-ms-zero { - margin-left: var(--spacing-zero); -} -.nu-u-ms-xs { - margin-left: var(--spacing-xs); -} -.nu-u-ms-s { - margin-left: var(--spacing-s); -} -.nu-u-ms-m { - margin-left: var(--spacing-m); -} -.nu-u-ms-l { - margin-left: var(--spacing-l); -} -.nu-u-ms-xl { - margin-left: var(--spacing-xl); -} -.nu-u-ms-xxl { - margin-left: var(--spacing-xxl); -} -.nu-u-ms-xxxl { - margin-left: var(--spacing-xxxl); -} -.nu-u-me-zero { - margin-right: var(--spacing-zero); -} -.nu-u-me-xs { - margin-right: var(--spacing-xs); -} -.nu-u-me-s { - margin-right: var(--spacing-s); -} -.nu-u-me-m { - margin-right: var(--spacing-m); -} -.nu-u-me-l { - margin-right: var(--spacing-l); -} -.nu-u-me-xl { - margin-right: var(--spacing-xl); -} -.nu-u-me-xxl { - margin-right: var(--spacing-xxl); -} -.nu-u-me-xxxl { - margin-right: var(--spacing-xxxl); -} -.nu-u-mx-zero { - margin-inline: var(--spacing-zero); -} -.nu-u-mx-xs { - margin-inline: var(--spacing-xs); -} -.nu-u-mx-s { - margin-inline: var(--spacing-s); -} -.nu-u-mx-m { - margin-inline: var(--spacing-m); -} -.nu-u-mx-l { - margin-inline: var(--spacing-l); -} -.nu-u-mx-xl { - margin-inline: var(--spacing-xl); -} -.nu-u-mx-xxl { - margin-inline: var(--spacing-xxl); -} -.nu-u-mx-xxxl { - margin-inline: var(--spacing-xxxl); -} -.nu-u-my-zero { - margin-block: var(--spacing-zero); -} -.nu-u-my-xs { - margin-block: var(--spacing-xs); -} -.nu-u-my-s { - margin-block: var(--spacing-s); -} -.nu-u-my-m { - margin-block: var(--spacing-m); -} -.nu-u-my-l { - margin-block: var(--spacing-l); -} -.nu-u-my-xl { - margin-block: var(--spacing-xl); -} -.nu-u-my-xxl { - margin-block: var(--spacing-xxl); -} -.nu-u-my-xxxl { - margin-block: var(--spacing-xxxl); -} -.nu-u-p-zero { - padding: var(--spacing-zero); -} -.nu-u-p-xs { - padding: var(--spacing-xs); -} -.nu-u-p-s { - padding: var(--spacing-s); -} -.nu-u-p-m { - padding: var(--spacing-m); -} -.nu-u-p-l { - padding: var(--spacing-l); -} -.nu-u-p-xl { - padding: var(--spacing-xl); -} -.nu-u-p-xxl { - padding: var(--spacing-xxl); -} -.nu-u-p-xxxl { - padding: var(--spacing-xxxl); -} -.nu-u-pt-zero { - padding-top: var(--spacing-zero); -} -.nu-u-pt-xs { - padding-top: var(--spacing-xs); -} -.nu-u-pt-s { - padding-top: var(--spacing-s); -} -.nu-u-pt-m { - padding-top: var(--spacing-m); -} -.nu-u-pt-l { - padding-top: var(--spacing-l); -} -.nu-u-pt-xl { - padding-top: var(--spacing-xl); -} -.nu-u-pt-xxl { - padding-top: var(--spacing-xxl); -} -.nu-u-pt-xxxl { - padding-top: var(--spacing-xxxl); -} -.nu-u-pb-zero { - padding-bottom: var(--spacing-zero); -} -.nu-u-pb-xs { - padding-bottom: var(--spacing-xs); -} -.nu-u-pb-s { - padding-bottom: var(--spacing-s); -} -.nu-u-pb-m { - padding-bottom: var(--spacing-m); -} -.nu-u-pb-l { - padding-bottom: var(--spacing-l); -} -.nu-u-pb-xl { - padding-bottom: var(--spacing-xl); -} -.nu-u-pb-xxl { - padding-bottom: var(--spacing-xxl); -} -.nu-u-pb-xxxl { - padding-bottom: var(--spacing-xxxl); -} -.nu-u-ps-zero { - padding-left: var(--spacing-zero); -} -.nu-u-ps-xs { - padding-left: var(--spacing-xs); -} -.nu-u-ps-s { - padding-left: var(--spacing-s); -} -.nu-u-ps-m { - padding-left: var(--spacing-m); -} -.nu-u-ps-l { - padding-left: var(--spacing-l); -} -.nu-u-ps-xl { - padding-left: var(--spacing-xl); -} -.nu-u-ps-xxl { - padding-left: var(--spacing-xxl); -} -.nu-u-ps-xxxl { - padding-left: var(--spacing-xxxl); -} -.nu-u-pe-zero { - padding-right: var(--spacing-zero); -} -.nu-u-pe-xs { - padding-right: var(--spacing-xs); -} -.nu-u-pe-s { - padding-right: var(--spacing-s); -} -.nu-u-pe-m { - padding-right: var(--spacing-m); -} -.nu-u-pe-l { - padding-right: var(--spacing-l); -} -.nu-u-pe-xl { - padding-right: var(--spacing-xl); -} -.nu-u-pe-xxl { - padding-right: var(--spacing-xxl); -} -.nu-u-pe-xxxl { - padding-right: var(--spacing-xxxl); -} -.nu-u-px-zero { - padding-inline: var(--spacing-zero); -} -.nu-u-px-xs { - padding-inline: var(--spacing-xs); -} -.nu-u-px-s { - padding-inline: var(--spacing-s); -} -.nu-u-px-m { - padding-inline: var(--spacing-m); -} -.nu-u-px-l { - padding-inline: var(--spacing-l); -} -.nu-u-px-xl { - padding-inline: var(--spacing-xl); -} -.nu-u-px-xxl { - padding-inline: var(--spacing-xxl); -} -.nu-u-px-xxxl { - padding-inline: var(--spacing-xxxl); -} -.nu-u-py-zero { - padding-block: var(--spacing-zero); -} -.nu-u-py-xs { - padding-block: var(--spacing-xs); -} -.nu-u-py-s { - padding-block: var(--spacing-s); -} -.nu-u-py-m { - padding-block: var(--spacing-m); -} -.nu-u-py-l { - padding-block: var(--spacing-l); -} -.nu-u-py-xl { - padding-block: var(--spacing-xl); -} -.nu-u-py-xxl { - padding-block: var(--spacing-xxl); -} -.nu-u-py-xxxl { - padding-block: var(--spacing-xxxl); -} -.nu-c-spacer-zero { - height: var(--spacing-zero); - display: block; -} -.nu-c-spacer-xs { - height: var(--spacing-xs); - display: block; -} -.nu-c-spacer-s { - height: var(--spacing-s); - display: block; -} -.nu-c-spacer-m { - height: var(--spacing-m); - display: block; -} -.nu-c-spacer-l { - height: var(--spacing-l); - display: block; -} -.nu-c-spacer-xl { - height: var(--spacing-xl); - display: block; -} -.nu-c-spacer-xxl { - height: var(--spacing-xxl); - display: block; -} -.nu-c-spacer-xxxl { - height: var(--spacing-xxxl); - display: block; -} +:root{--spacing:.125rem;--spacing-00:0px;--spacing-01:var(--spacing);--spacing-02:calc(var(--spacing) * 2);--spacing-03:calc(var(--spacing) * 3);--spacing-04:calc(var(--spacing) * 4);--spacing-05:calc(var(--spacing) * 6);--spacing-06:calc(var(--spacing) * 8);--spacing-07:calc(var(--spacing) * 10);--spacing-08:calc(var(--spacing) * 12);--spacing-09:calc(var(--spacing) * 16);--spacing-10:calc(var(--spacing) * 20);--spacing-11:calc(var(--spacing) * 24);--spacing-12:calc(var(--spacing) * 28);--spacing-13:calc(var(--spacing) * 32);--spacing-14:calc(var(--spacing) * 36);--spacing-15:calc(var(--spacing) * 40);--spacing-16:calc(var(--spacing) * 48);--spacing-17:calc(var(--spacing) * 60);--spacing-18:calc(var(--spacing) * 80);--spacing-zero:var(--spacing-00);--spacing-xs:var(--spacing-02);--spacing-s:var(--spacing-04);--spacing-m:var(--spacing-05);--spacing-l:var(--spacing-06);--spacing-xl:var(--spacing-08);--spacing-xxl:var(--spacing-09);--spacing-xxxl:var(--spacing-11);--size-xs:var(--spacing-06);--size-s:var(--spacing-08);--size-m:var(--spacing-09);--controls-size-default:var(--spacing-09);--controls-size-small:var(--spacing-08)}.nu-u-mx-auto{margin-inline:auto}.nu-u-me-auto{margin-right:auto}.nu-u-ms-auto{margin-left:auto}.nu-u-m-zero{margin:var(--spacing-zero)}.nu-u-m-xs{margin:var(--spacing-xs)}.nu-u-m-s{margin:var(--spacing-s)}.nu-u-m-m{margin:var(--spacing-m)}.nu-u-m-l{margin:var(--spacing-l)}.nu-u-m-xl{margin:var(--spacing-xl)}.nu-u-m-xxl{margin:var(--spacing-xxl)}.nu-u-m-xxxl{margin:var(--spacing-xxxl)}.nu-u-mt-zero{margin-top:var(--spacing-zero)}.nu-u-mt-xs{margin-top:var(--spacing-xs)}.nu-u-mt-s{margin-top:var(--spacing-s)}.nu-u-mt-m{margin-top:var(--spacing-m)}.nu-u-mt-l{margin-top:var(--spacing-l)}.nu-u-mt-xl{margin-top:var(--spacing-xl)}.nu-u-mt-xxl{margin-top:var(--spacing-xxl)}.nu-u-mt-xxxl{margin-top:var(--spacing-xxxl)}.nu-u-mb-zero{margin-bottom:var(--spacing-zero)}.nu-u-mb-xs{margin-bottom:var(--spacing-xs)}.nu-u-mb-s{margin-bottom:var(--spacing-s)}.nu-u-mb-m{margin-bottom:var(--spacing-m)}.nu-u-mb-l{margin-bottom:var(--spacing-l)}.nu-u-mb-xl{margin-bottom:var(--spacing-xl)}.nu-u-mb-xxl{margin-bottom:var(--spacing-xxl)}.nu-u-mb-xxxl{margin-bottom:var(--spacing-xxxl)}.nu-u-ms-zero{margin-left:var(--spacing-zero)}.nu-u-ms-xs{margin-left:var(--spacing-xs)}.nu-u-ms-s{margin-left:var(--spacing-s)}.nu-u-ms-m{margin-left:var(--spacing-m)}.nu-u-ms-l{margin-left:var(--spacing-l)}.nu-u-ms-xl{margin-left:var(--spacing-xl)}.nu-u-ms-xxl{margin-left:var(--spacing-xxl)}.nu-u-ms-xxxl{margin-left:var(--spacing-xxxl)}.nu-u-me-zero{margin-right:var(--spacing-zero)}.nu-u-me-xs{margin-right:var(--spacing-xs)}.nu-u-me-s{margin-right:var(--spacing-s)}.nu-u-me-m{margin-right:var(--spacing-m)}.nu-u-me-l{margin-right:var(--spacing-l)}.nu-u-me-xl{margin-right:var(--spacing-xl)}.nu-u-me-xxl{margin-right:var(--spacing-xxl)}.nu-u-me-xxxl{margin-right:var(--spacing-xxxl)}.nu-u-mx-zero{margin-inline:var(--spacing-zero)}.nu-u-mx-xs{margin-inline:var(--spacing-xs)}.nu-u-mx-s{margin-inline:var(--spacing-s)}.nu-u-mx-m{margin-inline:var(--spacing-m)}.nu-u-mx-l{margin-inline:var(--spacing-l)}.nu-u-mx-xl{margin-inline:var(--spacing-xl)}.nu-u-mx-xxl{margin-inline:var(--spacing-xxl)}.nu-u-mx-xxxl{margin-inline:var(--spacing-xxxl)}.nu-u-my-zero{margin-block:var(--spacing-zero)}.nu-u-my-xs{margin-block:var(--spacing-xs)}.nu-u-my-s{margin-block:var(--spacing-s)}.nu-u-my-m{margin-block:var(--spacing-m)}.nu-u-my-l{margin-block:var(--spacing-l)}.nu-u-my-xl{margin-block:var(--spacing-xl)}.nu-u-my-xxl{margin-block:var(--spacing-xxl)}.nu-u-my-xxxl{margin-block:var(--spacing-xxxl)}.nu-u-p-zero{padding:var(--spacing-zero)}.nu-u-p-xs{padding:var(--spacing-xs)}.nu-u-p-s{padding:var(--spacing-s)}.nu-u-p-m{padding:var(--spacing-m)}.nu-u-p-l{padding:var(--spacing-l)}.nu-u-p-xl{padding:var(--spacing-xl)}.nu-u-p-xxl{padding:var(--spacing-xxl)}.nu-u-p-xxxl{padding:var(--spacing-xxxl)}.nu-u-pt-zero{padding-top:var(--spacing-zero)}.nu-u-pt-xs{padding-top:var(--spacing-xs)}.nu-u-pt-s{padding-top:var(--spacing-s)}.nu-u-pt-m{padding-top:var(--spacing-m)}.nu-u-pt-l{padding-top:var(--spacing-l)}.nu-u-pt-xl{padding-top:var(--spacing-xl)}.nu-u-pt-xxl{padding-top:var(--spacing-xxl)}.nu-u-pt-xxxl{padding-top:var(--spacing-xxxl)}.nu-u-pb-zero{padding-bottom:var(--spacing-zero)}.nu-u-pb-xs{padding-bottom:var(--spacing-xs)}.nu-u-pb-s{padding-bottom:var(--spacing-s)}.nu-u-pb-m{padding-bottom:var(--spacing-m)}.nu-u-pb-l{padding-bottom:var(--spacing-l)}.nu-u-pb-xl{padding-bottom:var(--spacing-xl)}.nu-u-pb-xxl{padding-bottom:var(--spacing-xxl)}.nu-u-pb-xxxl{padding-bottom:var(--spacing-xxxl)}.nu-u-ps-zero{padding-left:var(--spacing-zero)}.nu-u-ps-xs{padding-left:var(--spacing-xs)}.nu-u-ps-s{padding-left:var(--spacing-s)}.nu-u-ps-m{padding-left:var(--spacing-m)}.nu-u-ps-l{padding-left:var(--spacing-l)}.nu-u-ps-xl{padding-left:var(--spacing-xl)}.nu-u-ps-xxl{padding-left:var(--spacing-xxl)}.nu-u-ps-xxxl{padding-left:var(--spacing-xxxl)}.nu-u-pe-zero{padding-right:var(--spacing-zero)}.nu-u-pe-xs{padding-right:var(--spacing-xs)}.nu-u-pe-s{padding-right:var(--spacing-s)}.nu-u-pe-m{padding-right:var(--spacing-m)}.nu-u-pe-l{padding-right:var(--spacing-l)}.nu-u-pe-xl{padding-right:var(--spacing-xl)}.nu-u-pe-xxl{padding-right:var(--spacing-xxl)}.nu-u-pe-xxxl{padding-right:var(--spacing-xxxl)}.nu-u-px-zero{padding-inline:var(--spacing-zero)}.nu-u-px-xs{padding-inline:var(--spacing-xs)}.nu-u-px-s{padding-inline:var(--spacing-s)}.nu-u-px-m{padding-inline:var(--spacing-m)}.nu-u-px-l{padding-inline:var(--spacing-l)}.nu-u-px-xl{padding-inline:var(--spacing-xl)}.nu-u-px-xxl{padding-inline:var(--spacing-xxl)}.nu-u-px-xxxl{padding-inline:var(--spacing-xxxl)}.nu-u-py-zero{padding-block:var(--spacing-zero)}.nu-u-py-xs{padding-block:var(--spacing-xs)}.nu-u-py-s{padding-block:var(--spacing-s)}.nu-u-py-m{padding-block:var(--spacing-m)}.nu-u-py-l{padding-block:var(--spacing-l)}.nu-u-py-xl{padding-block:var(--spacing-xl)}.nu-u-py-xxl{padding-block:var(--spacing-xxl)}.nu-u-py-xxxl{padding-block:var(--spacing-xxxl)}.nu-c-spacer-zero{height:var(--spacing-zero);display:block}.nu-c-spacer-xs{height:var(--spacing-xs);display:block}.nu-c-spacer-s{height:var(--spacing-s);display:block}.nu-c-spacer-m{height:var(--spacing-m);display:block}.nu-c-spacer-l{height:var(--spacing-l);display:block}.nu-c-spacer-xl{height:var(--spacing-xl);display:block}.nu-c-spacer-xxl{height:var(--spacing-xxl);display:block}.nu-c-spacer-xxxl{height:var(--spacing-xxxl);display:block} /*# sourceMappingURL=index.css.map */ diff --git a/packages/typography/dist/index.css b/packages/typography/dist/index.css index 242bb58..14fd93e 100644 --- a/packages/typography/dist/index.css +++ b/packages/typography/dist/index.css @@ -1,255 +1,2 @@ -:root { - --system-ui: system-ui, sans-serif; - --old-style: - 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', p052, serif; - --monospace-code: - ui-monospace, 'Cascadia Code', 'Source Code Pro', menlo, consolas, monospace; - --handwritten: - 'Segoe Print', 'Bradley Hand', chilanka, tscu_comic, casual, cursive; - --mobile-heading-01: 2rem; - --mobile-heading-02: 1.75rem; - --mobile-heading-03: 1.5rem; - --mobile-heading-04: 1.25rem; - --mobile-heading-05: 1.125rem; - --mobile-heading-06: 1rem; - --mobile-body-xl: 1rem; - --mobile-body: 0.875rem; - --mobile-body-sm: 0.75rem; - --mobile-caption: 0.75rem; - --mobile-helper-text: 0.75rem; - --mobile-code: 0.875rem; - --lh-mobile-heading-01: 2.5rem; - --lh-mobile-heading-02: 2.25rem; - --lh-mobile-heading-03: 1.875rem; - --lh-mobile-heading-04: 1.75rem; - --lh-mobile-heading-05: 1.625rem; - --lh-mobile-heading-06: 1.5rem; - --lh-mobile-body-xl: 1.5rem; - --lh-mobile-body: 1.25rem; - --lh-mobile-body-sm: 1rem; - --lh-mobile-caption: 1rem; - --lh-mobile-helper-text: 1rem; - --lh-mobile-code: 1.25rem; - --mobile-tracking-heading-01: -0.05rem; - --mobile-tracking-heading-02: -0.025rem; - --mobile-tracking-heading-03: -0.025rem; - --desktop-heading-01: 3.375rem; - --desktop-heading-02: 2.625rem; - --desktop-heading-03: 2rem; - --desktop-heading-04: 1.75rem; - --desktop-heading-05: 1.25rem; - --desktop-heading-06: 1.125rem; - --desktop-body-xl: 1.125rem; - --desktop-body: 1rem; - --desktop-body-sm: 0.875rem; - --desktop-caption: 0.75rem; - --desktop-helper-text: 0.75rem; - --desktop-code: 0.875rem; - --lh-desktop-heading-01: 4rem; - --lh-desktop-heading-02: 3.125rem; - --lh-desktop-heading-03: 2.5rem; - --lh-desktop-heading-04: 2.25rem; - --lh-desktop-heading-05: 1.75rem; - --lh-desktop-heading-06: 1.625rem; - --lh-desktop-body-xl: 1.625rem; - --lh-desktop-body: 1.5rem; - --lh-desktop-body-sm: 1.25rem; - --lh-desktop-caption: 1rem; - --lh-desktop-helper-text: 1rem; - --lh-desktop-code: 1.25rem; - --desktop-tracking-heading-01: -0.075rem; - --desktop-tracking-heading-02: -0.05rem; - --desktop-tracking-heading-03: -0.025rem; -} -.nu-u-fw-bold { - font-weight: 700; -} -.nu-u-fw-semi-bold { - font-weight: 500; -} -.nu-u-fw-normal { - font-weight: 400; -} -.nu-u-text--uppercase { - text-transform: uppercase; -} -.nu-u-text--lowercase { - text-transform: lowercase; -} -.nu-u-text--capitalize { - text-transform: capitalize; -} -.nu-u-text--underline { - text-decoration: underline; -} -.nu-u-text--left { - text-align: left; -} -.nu-u-text--right { - text-align: right; -} -.nu-u-text--center { - text-align: center; -} -.nu-u-text--justify { - text-align: justify; -} -.nu-u-serif { - font-family: - Didot, - Bodoni MT, - Noto Serif Display, - URW Palladio L, - P052, - Sylfaen, - serif; -} -.nu-u-sans-serif { - font-family: - Inter, - Roboto, - Helvetica Neue, - Arial Nova, - Nimbus Sans, - Arial, - sans-serif; -} -.nu-u-code { - font-family: var(--monospace-code); -} -.nu-c-h1 { - font-weight: 700; - font-size: var(--desktop-heading-01); - line-height: var(--lh-desktop-heading-01); - letter-spacing: var(--desktop-tracking-heading-01); -} -@media screen and (width<=37.5rem) { - .nu-c-h1 { - font-size: var(--mobile-heading-01); - line-height: var(--lh-mobile-heading-01); - letter-spacing: var(--mobile-tracking-heading-01); - } -} -.nu-c-h2 { - font-weight: 700; - font-size: var(--desktop-heading-02); - line-height: var(--lh-desktop-heading-02); - letter-spacing: var(--desktop-tracking-heading-02); -} -@media screen and (width<=37.5rem) { - .nu-c-h2 { - font-size: var(--mobile-heading-02); - line-height: var(--lh-mobile-heading-02); - letter-spacing: var(--mobile-tracking-heading-02); - } -} -.nu-c-h3 { - font-weight: 700; - font-size: var(--desktop-heading-03); - line-height: var(--lh-desktop-heading-03); - letter-spacing: var(--desktop-tracking-heading-03); -} -@media screen and (width<=37.5rem) { - .nu-c-h3 { - font-size: var(--mobile-heading-03); - line-height: var(--lh-mobile-heading-03); - letter-spacing: var(--mobile-tracking-heading-03); - } -} -.nu-c-h4 { - font-weight: 700; - font-size: var(--desktop-heading-04); - line-height: var(--lh-desktop-heading-04); -} -@media screen and (width<=37.5rem) { - .nu-c-h4 { - font-size: var(--mobile-heading-04); - line-height: var(--lh-mobile-heading-04); - } -} -.nu-c-h5 { - font-weight: 700; - font-size: var(--desktop-heading-05); - line-height: var(--lh-desktop-heading-05); -} -@media screen and (width<=37.5rem) { - .nu-c-h5 { - font-size: var(--mobile-heading-05); - line-height: var(--lh-mobile-heading-05); - } -} -.nu-c-h6 { - font-weight: 500; - font-size: var(--desktop-heading-06); - line-height: var(--lh-desktop-heading-06); -} -@media screen and (width<=37.5rem) { - .nu-c-h6 { - font-size: var(--mobile-heading-06); - line-height: var(--lh-mobile-heading-06); - } -} -.nu-c-fs-lead { - font-size: var(--desktop-body-xl); - line-height: var(--lh-desktop-body-xl); -} -@media screen and (width<=37.5rem) { - .nu-c-fs-lead { - font-size: var(--mobile-body-xl); - line-height: var(--lh-mobile-body-xl); - } -} -.nu-c-fs-normal { - font-size: var(--desktop-body); - line-height: var(--lh-desktop-body); -} -@media screen and (width<=37.5rem) { - .nu-c-fs-normal { - font-size: var(--mobile-body); - line-height: var(--lh-mobile-body); - } -} -.nu-c-fs-small { - font-size: var(--desktop-body-sm); - line-height: var(--lh-desktop-body-sm); -} -@media screen and (width<=37.5rem) { - .nu-c-fs-small { - font-size: var(--mobile-body-sm); - line-height: var(--lh-mobile-body-sm); - } -} -.nu-c-caption { - text-transform: uppercase; - font-weight: 500; - font-size: var(--desktop-caption); - line-height: var(--lh-desktop-caption); -} -@media screen and (width<=37.5rem) { - .nu-c-caption { - font-size: var(--mobile-caption); - line-height: var(--lh-mobile-caption); - } -} -.nu-c-helper-text { - font-size: var(--desktop-helper-text); - line-height: var(--lh-desktop-helper-text); -} -@media screen and (width<=37.5rem) { - .nu-c-helper-text { - font-size: var(--mobile-helper-text); - line-height: var(--lh-mobile-helper-text); - } -} -.nu-c-code { - font-family: var(--monospace-code); - font-size: var(--desktop-code); - line-height: var(--desktop-code); -} -@media screen and (width<=37.5rem) { - .nu-c-code { - font-size: var(--mobile-code); - line-height: var(--mobile-code); - } -} +:root{--system-ui:system-ui, sans-serif;--old-style:"Iowan Old Style", "Palatino Linotype", "URW Palladio L", p052, serif;--monospace-code:ui-monospace, "Cascadia Code", "Source Code Pro", menlo, consolas, monospace;--handwritten:"Segoe Print", "Bradley Hand", chilanka, tscu_comic, casual, cursive;--mobile-heading-01:2rem;--mobile-heading-02:1.75rem;--mobile-heading-03:1.5rem;--mobile-heading-04:1.25rem;--mobile-heading-05:1.125rem;--mobile-heading-06:1rem;--mobile-body-xl:1rem;--mobile-body:.875rem;--mobile-body-sm:.75rem;--mobile-caption:.75rem;--mobile-helper-text:.75rem;--mobile-code:.875rem;--lh-mobile-heading-01:2.5rem;--lh-mobile-heading-02:2.25rem;--lh-mobile-heading-03:1.875rem;--lh-mobile-heading-04:1.75rem;--lh-mobile-heading-05:1.625rem;--lh-mobile-heading-06:1.5rem;--lh-mobile-body-xl:1.5rem;--lh-mobile-body:1.25rem;--lh-mobile-body-sm:1rem;--lh-mobile-caption:1rem;--lh-mobile-helper-text:1rem;--lh-mobile-code:1.25rem;--mobile-tracking-heading-01:-.05rem;--mobile-tracking-heading-02:-.025rem;--mobile-tracking-heading-03:-.025rem;--desktop-heading-01:3.375rem;--desktop-heading-02:2.625rem;--desktop-heading-03:2rem;--desktop-heading-04:1.75rem;--desktop-heading-05:1.25rem;--desktop-heading-06:1.125rem;--desktop-body-xl:1.125rem;--desktop-body:1rem;--desktop-body-sm:.875rem;--desktop-caption:.75rem;--desktop-helper-text:.75rem;--desktop-code:.875rem;--lh-desktop-heading-01:4rem;--lh-desktop-heading-02:3.125rem;--lh-desktop-heading-03:2.5rem;--lh-desktop-heading-04:2.25rem;--lh-desktop-heading-05:1.75rem;--lh-desktop-heading-06:1.625rem;--lh-desktop-body-xl:1.625rem;--lh-desktop-body:1.5rem;--lh-desktop-body-sm:1.25rem;--lh-desktop-caption:1rem;--lh-desktop-helper-text:1rem;--lh-desktop-code:1.25rem;--desktop-tracking-heading-01:-.075rem;--desktop-tracking-heading-02:-.05rem;--desktop-tracking-heading-03:-.025rem}.nu-u-fw-bold{font-weight:700}.nu-u-fw-semi-bold{font-weight:500}.nu-u-fw-normal{font-weight:400}.nu-u-text--uppercase{text-transform:uppercase}.nu-u-text--lowercase{text-transform:lowercase}.nu-u-text--capitalize{text-transform:capitalize}.nu-u-text--underline{text-decoration:underline}.nu-u-text--left{text-align:left}.nu-u-text--right{text-align:right}.nu-u-text--center{text-align:center}.nu-u-text--justify{text-align:justify}.nu-u-serif{font-family:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif}.nu-u-sans-serif{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}.nu-u-code{font-family:var(--monospace-code)}.nu-c-h1{font-weight:700;font-size:var(--desktop-heading-01);line-height:var(--lh-desktop-heading-01);letter-spacing:var(--desktop-tracking-heading-01)}@media screen and (width<=37.5rem){.nu-c-h1{font-size:var(--mobile-heading-01);line-height:var(--lh-mobile-heading-01);letter-spacing:var(--mobile-tracking-heading-01)}}.nu-c-h2{font-weight:700;font-size:var(--desktop-heading-02);line-height:var(--lh-desktop-heading-02);letter-spacing:var(--desktop-tracking-heading-02)}@media screen and (width<=37.5rem){.nu-c-h2{font-size:var(--mobile-heading-02);line-height:var(--lh-mobile-heading-02);letter-spacing:var(--mobile-tracking-heading-02)}}.nu-c-h3{font-weight:700;font-size:var(--desktop-heading-03);line-height:var(--lh-desktop-heading-03);letter-spacing:var(--desktop-tracking-heading-03)}@media screen and (width<=37.5rem){.nu-c-h3{font-size:var(--mobile-heading-03);line-height:var(--lh-mobile-heading-03);letter-spacing:var(--mobile-tracking-heading-03)}}.nu-c-h4{font-weight:700;font-size:var(--desktop-heading-04);line-height:var(--lh-desktop-heading-04)}@media screen and (width<=37.5rem){.nu-c-h4{font-size:var(--mobile-heading-04);line-height:var(--lh-mobile-heading-04)}}.nu-c-h5{font-weight:700;font-size:var(--desktop-heading-05);line-height:var(--lh-desktop-heading-05)}@media screen and (width<=37.5rem){.nu-c-h5{font-size:var(--mobile-heading-05);line-height:var(--lh-mobile-heading-05)}}.nu-c-h6{font-weight:500;font-size:var(--desktop-heading-06);line-height:var(--lh-desktop-heading-06)}@media screen and (width<=37.5rem){.nu-c-h6{font-size:var(--mobile-heading-06);line-height:var(--lh-mobile-heading-06)}}.nu-c-fs-lead{font-size:var(--desktop-body-xl);line-height:var(--lh-desktop-body-xl)}@media screen and (width<=37.5rem){.nu-c-fs-lead{font-size:var(--mobile-body-xl);line-height:var(--lh-mobile-body-xl)}}.nu-c-fs-normal{font-size:var(--desktop-body);line-height:var(--lh-desktop-body)}@media screen and (width<=37.5rem){.nu-c-fs-normal{font-size:var(--mobile-body);line-height:var(--lh-mobile-body)}}.nu-c-fs-small{font-size:var(--desktop-body-sm);line-height:var(--lh-desktop-body-sm)}@media screen and (width<=37.5rem){.nu-c-fs-small{font-size:var(--mobile-body-sm);line-height:var(--lh-mobile-body-sm)}}.nu-c-caption{text-transform:uppercase;font-weight:500;font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption)}@media screen and (width<=37.5rem){.nu-c-caption{font-size:var(--mobile-caption);line-height:var(--lh-mobile-caption)}}.nu-c-helper-text{font-size:var(--desktop-helper-text);line-height:var(--lh-desktop-helper-text)}@media screen and (width<=37.5rem){.nu-c-helper-text{font-size:var(--mobile-helper-text);line-height:var(--lh-mobile-helper-text)}}.nu-c-code{font-family:var(--monospace-code);font-size:var(--desktop-code);line-height:var(--desktop-code)}@media screen and (width<=37.5rem){.nu-c-code{font-size:var(--mobile-code);line-height:var(--mobile-code)}} /*# sourceMappingURL=index.css.map */ From 6aecad4113d581eff3e036269facea295904a78d Mon Sep 17 00:00:00 2001 From: planetabhi <1704622+planetabhi@users.noreply.github.com> Date: Wed, 29 Apr 2026 11:13:54 +0530 Subject: [PATCH 2/4] Opt. --- dist/index.css.map | 2 +- packages/effects/dist/index.css.map | 2 +- packages/effects/src/_variables.scss | 18 +++++++++--------- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/dist/index.css.map b/dist/index.css.map index fdb0c63..010d0d3 100644 --- a/dist/index.css.map +++ b/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACAA,uCAMA,8EAKA,oEAgBA,4CAKA,sCAKA,oCASA,6CAIA,yCAMA,4EASA,gDAKA,gCCnEA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,k3JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA,8CCtNA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL,iL,qnC,iC,gC,+B,wC,oC,kC,kC,kC,oC,sC,wC,6C,yC,uC,uC,uC,yC,2C,6C,gD,4C,0C,0C,0C,4C,8C,gD,8C,0C,wC,wC,wC,0C,4C,8C,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,+C,2C,yC,yC,yC,2C,6C,+C,yC,qC,mC,mC,mC,qC,uC,yC,8C,0C,wC,wC,wC,0C,4C,8C,iD,6C,2C,2C,2C,6C,+C,iD,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,iD,6C,2C,2C,2C,6C,+C,iD,gD,4C,0C,0C,0C,4C,8C,gD,2D,uD,qD,qD,qD,uD,yD,2D,8zD,8B,mC,gC,+C,+C,iD,gD,iC,mC,qC,uC,6F,iG,6C,wJ,mC,sI,wJ,mC,sI,wJ,mC,sI,sG,mC,qF,sG,mC,qF,sG,mC,qF,qF,mC,oF,iF,mC,gF,sF,mC,qF,8H,mC,oF,iG,mC,gG,2G,mC","sources":["index.css","data:;charset=utf-8,*,%0A*::before,%0A*::after%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A%0Ahtml%20%7B%0A%20%20text-size-adjust:%20none;%0A%20%20vertical-align:%20baseline;%0A%7D%0A%0Abody,%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6,%0Ap,%0Afigure,%0Ablockquote,%0Adl,%0Add%20%7B%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%7D%0A%0Aul%5Brole='list'%5D,%0Aol%5Brole='list'%5D%20%7B%0A%20%20list-style:%20none;%0A%7D%0A%0Abody%20%7B%0A%20%20min-height:%20100vh;%0A%20%20line-height:%201.5;%0A%7D%0A%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6%20%7B%0A%20%20text-wrap:%20balance;%0A%7D%0A%0Aa:not(%5Bclass%5D)%20%7B%0A%20%20text-decoration-skip-ink:%20auto;%0A%7D%0A%0Aimg,%0Apicture%20%7B%0A%20%20max-width:%20100%25;%0A%20%20display:%20block;%0A%7D%0A%0Ainput,%0Atextarea,%0Abutton,%0Aselect%20%7B%0A%20%20font-family:%20inherit;%0A%20%20font-size:%20inherit;%0A%20%20margin:%200;%0A%7D%0A%0Atable%20%7B%0A%20%20border-collapse:%20collapse;%0A%20%20border-spacing:%200;%0A%7D%0A%0A:target%20%7B%0A%20%20scroll-margin-block:%205ex;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A:root,%0A%5Bdata-new-ui-theme='light'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-light;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(98.54%25%200.001%20286.38),%0A%20%20%20%20oklch(96.95%25%200.005%20258.32),%0A%20%20%20%20oklch(92.77%25%200.01%20267.36),%0A%20%20%20%20oklch(87.05%25%200.012%20252.1),%0A%20%20%20%20oklch(70.4%25%200.03%20263.37),%0A%20%20%20%20oklch(55.32%25%200.032%20261.39),%0A%20%20%20%20oklch(44.46%25%200.03%20263.13),%0A%20%20%20%20oklch(37.01%25%200.034%20262.07),%0A%20%20%20%20oklch(27.79%25%200.029%20267.58),%0A%20%20%20%20oklch(20.62%25%200.027%20267.82),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('cold');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-dark;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.8%25%200.007%20247.896),%0A%20%20%20%20oklch(92.9%25%200.013%20255.508),%0A%20%20%20%20oklch(86.9%25%200.022%20252.894),%0A%20%20%20%20oklch(70.4%25%200.04%20256.788),%0A%20%20%20%20oklch(55.4%25%200.046%20257.417),%0A%20%20%20%20oklch(44.6%25%200.043%20257.281),%0A%20%20%20%20oklch(37.2%25%200.044%20257.287),%0A%20%20%20%20oklch(27.9%25%200.041%20260.031),%0A%20%20%20%20oklch(20.8%25%200.042%20265.755),%0A%20%20%20%20oklch(12.9%25%200.042%20264.695),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('cold');%0A%7D%0A","data:;charset=utf-8,%5Bdata-new-ui-theme='light--cold'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20.nu-u-text-cold1%20%7B%0A%20%20%20%20color:%20var(--cold1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold2%20%7B%0A%20%20%20%20color:%20var(--cold2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold3%20%7B%0A%20%20%20%20color:%20var(--cold3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold4%20%7B%0A%20%20%20%20color:%20var(--cold4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold5%20%7B%0A%20%20%20%20color:%20var(--cold5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold6%20%7B%0A%20%20%20%20color:%20var(--cold6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold7%20%7B%0A%20%20%20%20color:%20var(--cold7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold8%20%7B%0A%20%20%20%20color:%20var(--cold8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold9%20%7B%0A%20%20%20%20color:%20var(--cold9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold10%20%7B%0A%20%20%20%20color:%20var(--cold10);%0A%20%20%7D%0A%7D%0A%0A%5Bdata-new-ui-theme='light--warm'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20.nu-u-text-warm1%20%7B%0A%20%20%20%20color:%20var(--warm1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm2%20%7B%0A%20%20%20%20color:%20var(--warm2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm3%20%7B%0A%20%20%20%20color:%20var(--warm3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm4%20%7B%0A%20%20%20%20color:%20var(--warm4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm5%20%7B%0A%20%20%20%20color:%20var(--warm5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm6%20%7B%0A%20%20%20%20color:%20var(--warm6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm7%20%7B%0A%20%20%20%20color:%20var(--warm7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm8%20%7B%0A%20%20%20%20color:%20var(--warm8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm9%20%7B%0A%20%20%20%20color:%20var(--warm9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm10%20%7B%0A%20%20%20%20color:%20var(--warm10);%0A%20%20%7D%0A%7D%0A%0A.nu-u-bg%20%7B%0A%20%20background-color:%20var(--background);%0A%7D%0A%0A.nu-u-bg-secondary%20%7B%0A%20%20background-color:%20var(--background-secondary);%0A%7D%0A%0A.nu-u-bg-hover%20%7B%0A%20%20background-color:%20var(--background-hover);%0A%7D%0A%0A.nu-u-bg-selected%20%7B%0A%20%20background-color:%20var(--background-selected);%0A%7D%0A%0A.nu-u-bg-selected-hover%20%7B%0A%20%20background-color:%20var(--background-selected-hover);%0A%7D%0A%0A.nu-u-bg-high-contrast%20%7B%0A%20%20background-color:%20var(--background-high-contrast);%0A%7D%0A%0A.nu-u-bg-black%20%7B%0A%20%20background-color:%20var(--black);%0A%7D%0A%0A.nu-u-bg-white%20%7B%0A%20%20background-color:%20var(--white);%0A%7D%0A%0A/*%20Border%20*/%0A.nu-u-b--muted%20%7B%0A%20%20border-color:%20var(--border-muted);%0A%7D%0A%0A.nu-u-b%20%7B%0A%20%20border-color:%20var(--border);%0A%7D%0A%0A.nu-u-b--strong%20%7B%0A%20%20border-color:%20var(--border-strong);%0A%7D%0A%0A.nu-u-b--inked%20%7B%0A%20%20border-color:%20var(--border-inked);%0A%7D%0A%0A.nu-u-b--inverse%20%7B%0A%20%20border-color:%20var(--border-inverse);%0A%7D%0A%0A.nu-u-b--focus%20%7B%0A%20%20border-color:%20var(--border-focus);%0A%7D%0A%0A/*%20Text%20*/%0A.nu-u-text--primary%20%7B%0A%20%20color:%20var(--content-primary);%0A%7D%0A%0A.nu-u-text--secondary%20%7B%0A%20%20color:%20var(--content-secondary);%0A%7D%0A%0A.nu-u-text--secondary-alt%20%7B%0A%20%20color:%20var(--content-secondary-alt);%0A%7D%0A%0A.nu-u-text--placeholder::placeholder%20%7B%0A%20%20color:%20var(--content-placeholder);%0A%7D%0A%0A.nu-u-text--on-color%20%7B%0A%20%20color:%20var(--content-on-color);%0A%7D%0A%0A.nu-u-text--error%20%7B%0A%20%20color:%20var(--content-error);%0A%7D%0A%0A.nu-u-text--success%20%7B%0A%20%20color:%20var(--content-success);%0A%7D%0A%0A.nu-u-text--inked%20%7B%0A%20%20color:%20var(--content-inked);%0A%7D%0A%0A.nu-u-text-black%20%7B%0A%20%20color:%20var(--black);%0A%7D%0A%0A.nu-u-text-white%20%7B%0A%20%20color:%20var(--white);%0A%7D%0A%0A/*%20Links%20*/%0A.nu-u-link%20%7B%0A%20%20color:%20var(--link);%0A%7D%0A%0A.nu-u-link--hover%20%7B%0A%20%20color:%20var(--link-hover);%0A%7D%0A%0A.nu-u-link--subtle%20%7B%0A%20%20color:%20var(--link-subtle);%0A%7D%0A%0A.nu-u-link--visited%20%7B%0A%20%20color:%20var(--link-visited);%0A%7D%0A%0A/*%20Support%20*/%0A.nu-u-support--error%20%7B%0A%20%20color:%20var(--support-error);%0A%7D%0A%0A.nu-u-support--warning%20%7B%0A%20%20color:%20var(--support-warning);%0A%7D%0A%0A.nu-u-support--success%20%7B%0A%20%20color:%20var(--support-success);%0A%7D%0A%0A.nu-u-support--info%20%7B%0A%20%20color:%20var(--support-info);%0A%7D%0A","data:;charset=utf-8,:root%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%200px%2016px%2048px%20rgba(0,%200,%200,%200.16);%0A%20%20--dialog:%200px%2012px%2030px%20rgba(0,%200,%200,%200.16),%200px%202px%203px%20rgba(0,%200,%200,%200.1);%0A%20%20--content:%200px%202px%204px%20rgba(0,%200,%200,%200.08);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%0A%20%20//%20Focus%0A%20%20--focus-default:%200px%200px%200px%202px%20var(--blue5);%0A%20%20--focus-accent:%200px%200px%200px%202px%20var(--blue8);%0A%20%20--focus-inverse:%200px%200px%200px%202px%20var(--white);%0A%0A%20%20//%20Radius%0A%20%20--radius-xs:%200.125rem;%0A%20%20--radius-sm:%200.25rem;%0A%20%20--radius-md:%200.375rem;%0A%20%20--radius-lg:%200.5rem;%0A%20%20--radius-xl:%200.75rem;%0A%20%20--radius-2xl:%201rem;%0A%20%20--radius-3xl:%201.5rem;%0A%20%20--radius-4xl:%202rem;%0A%0A%20%20//%20Blur%0A%20%20--blur-xs:%200.25rem;%0A%20%20--blur-sm:%200.5rem;%0A%20%20--blur-md:%200.75rem;%0A%20%20--blur-lg:%201rem;%0A%20%20--blur-xl:%201.5rem;%0A%20%20--blur-2xl:%202.5rem;%0A%20%20--blur-3xl:%204rem;%0A%0A%20%20//%20Perspective%0A%20%20--perspective-dramatic:%206.25rem;%0A%20%20--perspective-near:%2018.75rem;%0A%20%20--perspective-normal:%2031.25rem;%0A%20%20--perspective-midrange:%2050rem;%0A%20%20--perspective-distant:%2075rem;%0A%0A%20%20//%20Aspect%20Video%0A%20%20--aspect-video:%2016%20/%209;%0A%0A%20%20//%20Transition%20Duration%0A%20%20--default-transition-duration:%20150ms;%0A%20%20--default-transition-timing-function:%20cubic-bezier(0.4,%200,%200.2,%201);%0A%7D%0A%0A%5Bdata-new-ui-theme='dark'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%0A%20%20%20%200px%2016px%2048px%20rgba(85,%2085,%2085,%200.32),%0A%20%20%20%20inset%200px%200px%200px%200.5px%20rgba(255,%20255,%20255,%200.16);%0A%20%20--dialog:%0A%20%20%20%200px%200px%200px%200.5px%20rgba(255,%20255,%20255,%200.24),%0A%20%20%20%200px%202px%2012px%20rgba(51,%2051,%2051,%200.32);%0A%20%20--content:%0A%20%20%20%200px%202px%204px%20rgba(255,%20255,%20255,%200.04),%0A%20%20%20%20inset%200px%200.5px%200px%20rgba(255,%20255,%20255,%200.15);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%7D%0A"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n}\n\nhtml {\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n vertical-align: baseline;\n}\n\nbody, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {\n margin: 0;\n padding: 0;\n}\n\nul[role=\"list\"], ol[role=\"list\"] {\n list-style: none;\n}\n\nbody {\n min-height: 100vh;\n line-height: 1.5;\n}\n\nh1, h2, h3, h4, h5, h6 {\n text-wrap: balance;\n}\n\na:not([class]) {\n text-decoration-skip-ink: auto;\n}\n\nimg, picture {\n max-width: 100%;\n display: block;\n}\n\ninput, textarea, button, select {\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n:target {\n scroll-margin-block: 5ex;\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.8% .007 247.896);\n --grey2: oklch(92.9% .013 255.508);\n --grey3: oklch(86.9% .022 252.894);\n --grey4: oklch(70.4% .04 256.788);\n --grey5: oklch(55.4% .046 257.417);\n --grey6: oklch(44.6% .043 257.281);\n --grey7: oklch(37.2% .044 257.287);\n --grey8: oklch(27.9% .041 260.031);\n --grey9: oklch(20.8% .042 265.755);\n --grey10: oklch(12.9% .042 264.695);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n\n:root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n:root {\n --spacing: .125rem;\n --spacing-00: 0px;\n --spacing-01: var(--spacing);\n --spacing-02: calc(var(--spacing) * 2);\n --spacing-03: calc(var(--spacing) * 3);\n --spacing-04: calc(var(--spacing) * 4);\n --spacing-05: calc(var(--spacing) * 6);\n --spacing-06: calc(var(--spacing) * 8);\n --spacing-07: calc(var(--spacing) * 10);\n --spacing-08: calc(var(--spacing) * 12);\n --spacing-09: calc(var(--spacing) * 16);\n --spacing-10: calc(var(--spacing) * 20);\n --spacing-11: calc(var(--spacing) * 24);\n --spacing-12: calc(var(--spacing) * 28);\n --spacing-13: calc(var(--spacing) * 32);\n --spacing-14: calc(var(--spacing) * 36);\n --spacing-15: calc(var(--spacing) * 40);\n --spacing-16: calc(var(--spacing) * 48);\n --spacing-17: calc(var(--spacing) * 60);\n --spacing-18: calc(var(--spacing) * 80);\n --spacing-zero: var(--spacing-00);\n --spacing-xs: var(--spacing-02);\n --spacing-s: var(--spacing-04);\n --spacing-m: var(--spacing-05);\n --spacing-l: var(--spacing-06);\n --spacing-xl: var(--spacing-08);\n --spacing-xxl: var(--spacing-09);\n --spacing-xxxl: var(--spacing-11);\n --size-xs: var(--spacing-06);\n --size-s: var(--spacing-08);\n --size-m: var(--spacing-09);\n --controls-size-default: var(--spacing-09);\n --controls-size-small: var(--spacing-08);\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-m-zero {\n margin: var(--spacing-zero);\n}\n\n.nu-u-m-xs {\n margin: var(--spacing-xs);\n}\n\n.nu-u-m-s {\n margin: var(--spacing-s);\n}\n\n.nu-u-m-m {\n margin: var(--spacing-m);\n}\n\n.nu-u-m-l {\n margin: var(--spacing-l);\n}\n\n.nu-u-m-xl {\n margin: var(--spacing-xl);\n}\n\n.nu-u-m-xxl {\n margin: var(--spacing-xxl);\n}\n\n.nu-u-m-xxxl {\n margin: var(--spacing-xxxl);\n}\n\n.nu-u-mt-zero {\n margin-top: var(--spacing-zero);\n}\n\n.nu-u-mt-xs {\n margin-top: var(--spacing-xs);\n}\n\n.nu-u-mt-s {\n margin-top: var(--spacing-s);\n}\n\n.nu-u-mt-m {\n margin-top: var(--spacing-m);\n}\n\n.nu-u-mt-l {\n margin-top: var(--spacing-l);\n}\n\n.nu-u-mt-xl {\n margin-top: var(--spacing-xl);\n}\n\n.nu-u-mt-xxl {\n margin-top: var(--spacing-xxl);\n}\n\n.nu-u-mt-xxxl {\n margin-top: var(--spacing-xxxl);\n}\n\n.nu-u-mb-zero {\n margin-bottom: var(--spacing-zero);\n}\n\n.nu-u-mb-xs {\n margin-bottom: var(--spacing-xs);\n}\n\n.nu-u-mb-s {\n margin-bottom: var(--spacing-s);\n}\n\n.nu-u-mb-m {\n margin-bottom: var(--spacing-m);\n}\n\n.nu-u-mb-l {\n margin-bottom: var(--spacing-l);\n}\n\n.nu-u-mb-xl {\n margin-bottom: var(--spacing-xl);\n}\n\n.nu-u-mb-xxl {\n margin-bottom: var(--spacing-xxl);\n}\n\n.nu-u-mb-xxxl {\n margin-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ms-zero {\n margin-left: var(--spacing-zero);\n}\n\n.nu-u-ms-xs {\n margin-left: var(--spacing-xs);\n}\n\n.nu-u-ms-s {\n margin-left: var(--spacing-s);\n}\n\n.nu-u-ms-m {\n margin-left: var(--spacing-m);\n}\n\n.nu-u-ms-l {\n margin-left: var(--spacing-l);\n}\n\n.nu-u-ms-xl {\n margin-left: var(--spacing-xl);\n}\n\n.nu-u-ms-xxl {\n margin-left: var(--spacing-xxl);\n}\n\n.nu-u-ms-xxxl {\n margin-left: var(--spacing-xxxl);\n}\n\n.nu-u-me-zero {\n margin-right: var(--spacing-zero);\n}\n\n.nu-u-me-xs {\n margin-right: var(--spacing-xs);\n}\n\n.nu-u-me-s {\n margin-right: var(--spacing-s);\n}\n\n.nu-u-me-m {\n margin-right: var(--spacing-m);\n}\n\n.nu-u-me-l {\n margin-right: var(--spacing-l);\n}\n\n.nu-u-me-xl {\n margin-right: var(--spacing-xl);\n}\n\n.nu-u-me-xxl {\n margin-right: var(--spacing-xxl);\n}\n\n.nu-u-me-xxxl {\n margin-right: var(--spacing-xxxl);\n}\n\n.nu-u-mx-zero {\n margin-inline: var(--spacing-zero);\n}\n\n.nu-u-mx-xs {\n margin-inline: var(--spacing-xs);\n}\n\n.nu-u-mx-s {\n margin-inline: var(--spacing-s);\n}\n\n.nu-u-mx-m {\n margin-inline: var(--spacing-m);\n}\n\n.nu-u-mx-l {\n margin-inline: var(--spacing-l);\n}\n\n.nu-u-mx-xl {\n margin-inline: var(--spacing-xl);\n}\n\n.nu-u-mx-xxl {\n margin-inline: var(--spacing-xxl);\n}\n\n.nu-u-mx-xxxl {\n margin-inline: var(--spacing-xxxl);\n}\n\n.nu-u-my-zero {\n margin-block: var(--spacing-zero);\n}\n\n.nu-u-my-xs {\n margin-block: var(--spacing-xs);\n}\n\n.nu-u-my-s {\n margin-block: var(--spacing-s);\n}\n\n.nu-u-my-m {\n margin-block: var(--spacing-m);\n}\n\n.nu-u-my-l {\n margin-block: var(--spacing-l);\n}\n\n.nu-u-my-xl {\n margin-block: var(--spacing-xl);\n}\n\n.nu-u-my-xxl {\n margin-block: var(--spacing-xxl);\n}\n\n.nu-u-my-xxxl {\n margin-block: var(--spacing-xxxl);\n}\n\n.nu-u-p-zero {\n padding: var(--spacing-zero);\n}\n\n.nu-u-p-xs {\n padding: var(--spacing-xs);\n}\n\n.nu-u-p-s {\n padding: var(--spacing-s);\n}\n\n.nu-u-p-m {\n padding: var(--spacing-m);\n}\n\n.nu-u-p-l {\n padding: var(--spacing-l);\n}\n\n.nu-u-p-xl {\n padding: var(--spacing-xl);\n}\n\n.nu-u-p-xxl {\n padding: var(--spacing-xxl);\n}\n\n.nu-u-p-xxxl {\n padding: var(--spacing-xxxl);\n}\n\n.nu-u-pt-zero {\n padding-top: var(--spacing-zero);\n}\n\n.nu-u-pt-xs {\n padding-top: var(--spacing-xs);\n}\n\n.nu-u-pt-s {\n padding-top: var(--spacing-s);\n}\n\n.nu-u-pt-m {\n padding-top: var(--spacing-m);\n}\n\n.nu-u-pt-l {\n padding-top: var(--spacing-l);\n}\n\n.nu-u-pt-xl {\n padding-top: var(--spacing-xl);\n}\n\n.nu-u-pt-xxl {\n padding-top: var(--spacing-xxl);\n}\n\n.nu-u-pt-xxxl {\n padding-top: var(--spacing-xxxl);\n}\n\n.nu-u-pb-zero {\n padding-bottom: var(--spacing-zero);\n}\n\n.nu-u-pb-xs {\n padding-bottom: var(--spacing-xs);\n}\n\n.nu-u-pb-s {\n padding-bottom: var(--spacing-s);\n}\n\n.nu-u-pb-m {\n padding-bottom: var(--spacing-m);\n}\n\n.nu-u-pb-l {\n padding-bottom: var(--spacing-l);\n}\n\n.nu-u-pb-xl {\n padding-bottom: var(--spacing-xl);\n}\n\n.nu-u-pb-xxl {\n padding-bottom: var(--spacing-xxl);\n}\n\n.nu-u-pb-xxxl {\n padding-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ps-zero {\n padding-left: var(--spacing-zero);\n}\n\n.nu-u-ps-xs {\n padding-left: var(--spacing-xs);\n}\n\n.nu-u-ps-s {\n padding-left: var(--spacing-s);\n}\n\n.nu-u-ps-m {\n padding-left: var(--spacing-m);\n}\n\n.nu-u-ps-l {\n padding-left: var(--spacing-l);\n}\n\n.nu-u-ps-xl {\n padding-left: var(--spacing-xl);\n}\n\n.nu-u-ps-xxl {\n padding-left: var(--spacing-xxl);\n}\n\n.nu-u-ps-xxxl {\n padding-left: var(--spacing-xxxl);\n}\n\n.nu-u-pe-zero {\n padding-right: var(--spacing-zero);\n}\n\n.nu-u-pe-xs {\n padding-right: var(--spacing-xs);\n}\n\n.nu-u-pe-s {\n padding-right: var(--spacing-s);\n}\n\n.nu-u-pe-m {\n padding-right: var(--spacing-m);\n}\n\n.nu-u-pe-l {\n padding-right: var(--spacing-l);\n}\n\n.nu-u-pe-xl {\n padding-right: var(--spacing-xl);\n}\n\n.nu-u-pe-xxl {\n padding-right: var(--spacing-xxl);\n}\n\n.nu-u-pe-xxxl {\n padding-right: var(--spacing-xxxl);\n}\n\n.nu-u-px-zero {\n padding-inline: var(--spacing-zero);\n}\n\n.nu-u-px-xs {\n padding-inline: var(--spacing-xs);\n}\n\n.nu-u-px-s {\n padding-inline: var(--spacing-s);\n}\n\n.nu-u-px-m {\n padding-inline: var(--spacing-m);\n}\n\n.nu-u-px-l {\n padding-inline: var(--spacing-l);\n}\n\n.nu-u-px-xl {\n padding-inline: var(--spacing-xl);\n}\n\n.nu-u-px-xxl {\n padding-inline: var(--spacing-xxl);\n}\n\n.nu-u-px-xxxl {\n padding-inline: var(--spacing-xxxl);\n}\n\n.nu-u-py-zero {\n padding-block: var(--spacing-zero);\n}\n\n.nu-u-py-xs {\n padding-block: var(--spacing-xs);\n}\n\n.nu-u-py-s {\n padding-block: var(--spacing-s);\n}\n\n.nu-u-py-m {\n padding-block: var(--spacing-m);\n}\n\n.nu-u-py-l {\n padding-block: var(--spacing-l);\n}\n\n.nu-u-py-xl {\n padding-block: var(--spacing-xl);\n}\n\n.nu-u-py-xxl {\n padding-block: var(--spacing-xxl);\n}\n\n.nu-u-py-xxxl {\n padding-block: var(--spacing-xxxl);\n}\n\n.nu-c-spacer-zero {\n height: var(--spacing-zero);\n display: block;\n}\n\n.nu-c-spacer-xs {\n height: var(--spacing-xs);\n display: block;\n}\n\n.nu-c-spacer-s {\n height: var(--spacing-s);\n display: block;\n}\n\n.nu-c-spacer-m {\n height: var(--spacing-m);\n display: block;\n}\n\n.nu-c-spacer-l {\n height: var(--spacing-l);\n display: block;\n}\n\n.nu-c-spacer-xl {\n height: var(--spacing-xl);\n display: block;\n}\n\n.nu-c-spacer-xxl {\n height: var(--spacing-xxl);\n display: block;\n}\n\n.nu-c-spacer-xxxl {\n height: var(--spacing-xxxl);\n display: block;\n}\n\n:root {\n --system-ui: system-ui, sans-serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", p052, serif;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", menlo, consolas, monospace;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", chilanka, tscu_comic, casual, cursive;\n --mobile-heading-01: 2rem;\n --mobile-heading-02: 1.75rem;\n --mobile-heading-03: 1.5rem;\n --mobile-heading-04: 1.25rem;\n --mobile-heading-05: 1.125rem;\n --mobile-heading-06: 1rem;\n --mobile-body-xl: 1rem;\n --mobile-body: .875rem;\n --mobile-body-sm: .75rem;\n --mobile-caption: .75rem;\n --mobile-helper-text: .75rem;\n --mobile-code: .875rem;\n --lh-mobile-heading-01: 2.5rem;\n --lh-mobile-heading-02: 2.25rem;\n --lh-mobile-heading-03: 1.875rem;\n --lh-mobile-heading-04: 1.75rem;\n --lh-mobile-heading-05: 1.625rem;\n --lh-mobile-heading-06: 1.5rem;\n --lh-mobile-body-xl: 1.5rem;\n --lh-mobile-body: 1.25rem;\n --lh-mobile-body-sm: 1rem;\n --lh-mobile-caption: 1rem;\n --lh-mobile-helper-text: 1rem;\n --lh-mobile-code: 1.25rem;\n --mobile-tracking-heading-01: -.05rem;\n --mobile-tracking-heading-02: -.025rem;\n --mobile-tracking-heading-03: -.025rem;\n --desktop-heading-01: 3.375rem;\n --desktop-heading-02: 2.625rem;\n --desktop-heading-03: 2rem;\n --desktop-heading-04: 1.75rem;\n --desktop-heading-05: 1.25rem;\n --desktop-heading-06: 1.125rem;\n --desktop-body-xl: 1.125rem;\n --desktop-body: 1rem;\n --desktop-body-sm: .875rem;\n --desktop-caption: .75rem;\n --desktop-helper-text: .75rem;\n --desktop-code: .875rem;\n --lh-desktop-heading-01: 4rem;\n --lh-desktop-heading-02: 3.125rem;\n --lh-desktop-heading-03: 2.5rem;\n --lh-desktop-heading-04: 2.25rem;\n --lh-desktop-heading-05: 1.75rem;\n --lh-desktop-heading-06: 1.625rem;\n --lh-desktop-body-xl: 1.625rem;\n --lh-desktop-body: 1.5rem;\n --lh-desktop-body-sm: 1.25rem;\n --lh-desktop-caption: 1rem;\n --lh-desktop-helper-text: 1rem;\n --lh-desktop-code: 1.25rem;\n --desktop-tracking-heading-01: -.075rem;\n --desktop-tracking-heading-02: -.05rem;\n --desktop-tracking-heading-03: -.025rem;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: var(--monospace-code);\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-family: var(--monospace-code);\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n/*# sourceMappingURL=index.css.map */\n",null,null,null,null,null,null,null,null,null],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACAA,uCAMA,8EAKA,oEAgBA,4CAKA,sCAKA,oCASA,6CAIA,yCAMA,4EASA,gDAKA,gCCnEA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,k3JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA,8CCtNA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL,iL,qnC,iC,gC,+B,wC,oC,kC,kC,kC,oC,sC,wC,6C,yC,uC,uC,uC,yC,2C,6C,gD,4C,0C,0C,0C,4C,8C,gD,8C,0C,wC,wC,wC,0C,4C,8C,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,+C,2C,yC,yC,yC,2C,6C,+C,yC,qC,mC,mC,mC,qC,uC,yC,8C,0C,wC,wC,wC,0C,4C,8C,iD,6C,2C,2C,2C,6C,+C,iD,+C,2C,yC,yC,yC,2C,6C,+C,gD,4C,0C,0C,0C,4C,8C,gD,iD,6C,2C,2C,2C,6C,+C,iD,gD,4C,0C,0C,0C,4C,8C,gD,2D,uD,qD,qD,qD,uD,yD,2D,8zD,8B,mC,gC,+C,+C,iD,gD,iC,mC,qC,uC,6F,iG,6C,wJ,mC,sI,wJ,mC,sI,wJ,mC,sI,sG,mC,qF,sG,mC,qF,sG,mC,qF,qF,mC,oF,iF,mC,gF,sF,mC,qF,8H,mC,oF,iG,mC,gG,2G,mC","sources":["index.css","data:;charset=utf-8,*,%0A*::before,%0A*::after%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A%0Ahtml%20%7B%0A%20%20text-size-adjust:%20none;%0A%20%20vertical-align:%20baseline;%0A%7D%0A%0Abody,%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6,%0Ap,%0Afigure,%0Ablockquote,%0Adl,%0Add%20%7B%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%7D%0A%0Aul%5Brole='list'%5D,%0Aol%5Brole='list'%5D%20%7B%0A%20%20list-style:%20none;%0A%7D%0A%0Abody%20%7B%0A%20%20min-height:%20100vh;%0A%20%20line-height:%201.5;%0A%7D%0A%0Ah1,%0Ah2,%0Ah3,%0Ah4,%0Ah5,%0Ah6%20%7B%0A%20%20text-wrap:%20balance;%0A%7D%0A%0Aa:not(%5Bclass%5D)%20%7B%0A%20%20text-decoration-skip-ink:%20auto;%0A%7D%0A%0Aimg,%0Apicture%20%7B%0A%20%20max-width:%20100%25;%0A%20%20display:%20block;%0A%7D%0A%0Ainput,%0Atextarea,%0Abutton,%0Aselect%20%7B%0A%20%20font-family:%20inherit;%0A%20%20font-size:%20inherit;%0A%20%20margin:%200;%0A%7D%0A%0Atable%20%7B%0A%20%20border-collapse:%20collapse;%0A%20%20border-spacing:%200;%0A%7D%0A%0A:target%20%7B%0A%20%20scroll-margin-block:%205ex;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A:root,%0A%5Bdata-new-ui-theme='light'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-light;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='light--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(98.54%25%200.001%20286.38),%0A%20%20%20%20oklch(96.95%25%200.005%20258.32),%0A%20%20%20%20oklch(92.77%25%200.01%20267.36),%0A%20%20%20%20oklch(87.05%25%200.012%20252.1),%0A%20%20%20%20oklch(70.4%25%200.03%20263.37),%0A%20%20%20%20oklch(55.32%25%200.032%20261.39),%0A%20%20%20%20oklch(44.46%25%200.03%20263.13),%0A%20%20%20%20oklch(37.01%25%200.034%20262.07),%0A%20%20%20%20oklch(27.79%25%200.029%20267.58),%0A%20%20%20%20oklch(20.62%25%200.027%20267.82),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-light('cold');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.72%25%200%200),%0A%20%20%20%20oklch(90.67%25%200%200),%0A%20%20%20%20oklch(82.66%25%200%200),%0A%20%20%20%20oklch(73.16%25%200%200),%0A%20%20%20%20oklch(64.34%25%200%200),%0A%20%20%20%20oklch(54.17%25%200%200),%0A%20%20%20%20oklch(43.86%25%200%200),%0A%20%20%20%20oklch(34.46%25%200%200),%0A%20%20%20%20oklch(26.86%25%200%200),%0A%20%20%20%20oklch(20.02%25%200%200)%0A%20%20);%0A%20%20@include%20semantic-tokens-dark;%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(95.79%25%200.001%20106.42),%0A%20%20%20%20oklch(94.39%25%200.001%2017.18),%0A%20%20%20%20oklch(87.66%25%200.002%2067.8),%0A%20%20%20%20oklch(73.07%25%200.004%20106.5),%0A%20%20%20%20oklch(62.89%25%200.006%20106.57),%0A%20%20%20%20oklch(54.1%25%200.008%2097.45),%0A%20%20%20%20oklch(43.73%25%200.011%20100.22),%0A%20%20%20%20oklch(34.71%25%200.012%20100.33),%0A%20%20%20%20oklch(26.31%25%200.013%20100.51),%0A%20%20%20%20oklch(21.35%25%200.012%2091.77),%0A%20%20%20%20'warm'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('warm');%0A%7D%0A","data:;charset=utf-8,@use%20'palette'%20as%20*;%0A@use%20'theme-mixins'%20as%20*;%0A%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20@include%20color-palette;%0A%20%20@include%20grey-scale(%0A%20%20%20%20oklch(96.8%25%200.007%20247.896),%0A%20%20%20%20oklch(92.9%25%200.013%20255.508),%0A%20%20%20%20oklch(86.9%25%200.022%20252.894),%0A%20%20%20%20oklch(70.4%25%200.04%20256.788),%0A%20%20%20%20oklch(55.4%25%200.046%20257.417),%0A%20%20%20%20oklch(44.6%25%200.043%20257.281),%0A%20%20%20%20oklch(37.2%25%200.044%20257.287),%0A%20%20%20%20oklch(27.9%25%200.041%20260.031),%0A%20%20%20%20oklch(20.8%25%200.042%20265.755),%0A%20%20%20%20oklch(12.9%25%200.042%20264.695),%0A%20%20%20%20'cold'%0A%20%20);%0A%20%20@include%20semantic-tokens-dark('cold');%0A%7D%0A","data:;charset=utf-8,%5Bdata-new-ui-theme='light--cold'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20.nu-u-text-cold1%20%7B%0A%20%20%20%20color:%20var(--cold1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold2%20%7B%0A%20%20%20%20color:%20var(--cold2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold3%20%7B%0A%20%20%20%20color:%20var(--cold3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold4%20%7B%0A%20%20%20%20color:%20var(--cold4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold5%20%7B%0A%20%20%20%20color:%20var(--cold5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold6%20%7B%0A%20%20%20%20color:%20var(--cold6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold7%20%7B%0A%20%20%20%20color:%20var(--cold7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold8%20%7B%0A%20%20%20%20color:%20var(--cold8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold9%20%7B%0A%20%20%20%20color:%20var(--cold9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-cold10%20%7B%0A%20%20%20%20color:%20var(--cold10);%0A%20%20%7D%0A%7D%0A%0A%5Bdata-new-ui-theme='light--warm'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D%20%7B%0A%20%20.nu-u-text-warm1%20%7B%0A%20%20%20%20color:%20var(--warm1);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm2%20%7B%0A%20%20%20%20color:%20var(--warm2);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm3%20%7B%0A%20%20%20%20color:%20var(--warm3);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm4%20%7B%0A%20%20%20%20color:%20var(--warm4);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm5%20%7B%0A%20%20%20%20color:%20var(--warm5);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm6%20%7B%0A%20%20%20%20color:%20var(--warm6);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm7%20%7B%0A%20%20%20%20color:%20var(--warm7);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm8%20%7B%0A%20%20%20%20color:%20var(--warm8);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm9%20%7B%0A%20%20%20%20color:%20var(--warm9);%0A%20%20%7D%0A%0A%20%20.nu-u-text-warm10%20%7B%0A%20%20%20%20color:%20var(--warm10);%0A%20%20%7D%0A%7D%0A%0A.nu-u-bg%20%7B%0A%20%20background-color:%20var(--background);%0A%7D%0A%0A.nu-u-bg-secondary%20%7B%0A%20%20background-color:%20var(--background-secondary);%0A%7D%0A%0A.nu-u-bg-hover%20%7B%0A%20%20background-color:%20var(--background-hover);%0A%7D%0A%0A.nu-u-bg-selected%20%7B%0A%20%20background-color:%20var(--background-selected);%0A%7D%0A%0A.nu-u-bg-selected-hover%20%7B%0A%20%20background-color:%20var(--background-selected-hover);%0A%7D%0A%0A.nu-u-bg-high-contrast%20%7B%0A%20%20background-color:%20var(--background-high-contrast);%0A%7D%0A%0A.nu-u-bg-black%20%7B%0A%20%20background-color:%20var(--black);%0A%7D%0A%0A.nu-u-bg-white%20%7B%0A%20%20background-color:%20var(--white);%0A%7D%0A%0A/*%20Border%20*/%0A.nu-u-b--muted%20%7B%0A%20%20border-color:%20var(--border-muted);%0A%7D%0A%0A.nu-u-b%20%7B%0A%20%20border-color:%20var(--border);%0A%7D%0A%0A.nu-u-b--strong%20%7B%0A%20%20border-color:%20var(--border-strong);%0A%7D%0A%0A.nu-u-b--inked%20%7B%0A%20%20border-color:%20var(--border-inked);%0A%7D%0A%0A.nu-u-b--inverse%20%7B%0A%20%20border-color:%20var(--border-inverse);%0A%7D%0A%0A.nu-u-b--focus%20%7B%0A%20%20border-color:%20var(--border-focus);%0A%7D%0A%0A/*%20Text%20*/%0A.nu-u-text--primary%20%7B%0A%20%20color:%20var(--content-primary);%0A%7D%0A%0A.nu-u-text--secondary%20%7B%0A%20%20color:%20var(--content-secondary);%0A%7D%0A%0A.nu-u-text--secondary-alt%20%7B%0A%20%20color:%20var(--content-secondary-alt);%0A%7D%0A%0A.nu-u-text--placeholder::placeholder%20%7B%0A%20%20color:%20var(--content-placeholder);%0A%7D%0A%0A.nu-u-text--on-color%20%7B%0A%20%20color:%20var(--content-on-color);%0A%7D%0A%0A.nu-u-text--error%20%7B%0A%20%20color:%20var(--content-error);%0A%7D%0A%0A.nu-u-text--success%20%7B%0A%20%20color:%20var(--content-success);%0A%7D%0A%0A.nu-u-text--inked%20%7B%0A%20%20color:%20var(--content-inked);%0A%7D%0A%0A.nu-u-text-black%20%7B%0A%20%20color:%20var(--black);%0A%7D%0A%0A.nu-u-text-white%20%7B%0A%20%20color:%20var(--white);%0A%7D%0A%0A/*%20Links%20*/%0A.nu-u-link%20%7B%0A%20%20color:%20var(--link);%0A%7D%0A%0A.nu-u-link--hover%20%7B%0A%20%20color:%20var(--link-hover);%0A%7D%0A%0A.nu-u-link--subtle%20%7B%0A%20%20color:%20var(--link-subtle);%0A%7D%0A%0A.nu-u-link--visited%20%7B%0A%20%20color:%20var(--link-visited);%0A%7D%0A%0A/*%20Support%20*/%0A.nu-u-support--error%20%7B%0A%20%20color:%20var(--support-error);%0A%7D%0A%0A.nu-u-support--warning%20%7B%0A%20%20color:%20var(--support-warning);%0A%7D%0A%0A.nu-u-support--success%20%7B%0A%20%20color:%20var(--support-success);%0A%7D%0A%0A.nu-u-support--info%20%7B%0A%20%20color:%20var(--support-info);%0A%7D%0A","data:;charset=utf-8,:root%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%200px%2016px%2048px%20rgb(0%200%200%20/%2016%25);%0A%20%20--dialog:%200px%2012px%2030px%20rgb(0%200%200%20/%2016%25),%200px%202px%203px%20rgb(0%200%200%20/%2010%25);%0A%20%20--content:%200px%202px%204px%20rgb(0%200%200%20/%208%25);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%0A%20%20//%20Focus%0A%20%20--focus-default:%200px%200px%200px%202px%20var(--blue5);%0A%20%20--focus-accent:%200px%200px%200px%202px%20var(--blue8);%0A%20%20--focus-inverse:%200px%200px%200px%202px%20var(--white);%0A%0A%20%20//%20Radius%0A%20%20--radius-xs:%200.125rem;%0A%20%20--radius-sm:%200.25rem;%0A%20%20--radius-md:%200.375rem;%0A%20%20--radius-lg:%200.5rem;%0A%20%20--radius-xl:%200.75rem;%0A%20%20--radius-2xl:%201rem;%0A%20%20--radius-3xl:%201.5rem;%0A%20%20--radius-4xl:%202rem;%0A%0A%20%20//%20Blur%0A%20%20--blur-xs:%200.25rem;%0A%20%20--blur-sm:%200.5rem;%0A%20%20--blur-md:%200.75rem;%0A%20%20--blur-lg:%201rem;%0A%20%20--blur-xl:%201.5rem;%0A%20%20--blur-2xl:%202.5rem;%0A%20%20--blur-3xl:%204rem;%0A%0A%20%20//%20Perspective%0A%20%20--perspective-dramatic:%206.25rem;%0A%20%20--perspective-near:%2018.75rem;%0A%20%20--perspective-normal:%2031.25rem;%0A%20%20--perspective-midrange:%2050rem;%0A%20%20--perspective-distant:%2075rem;%0A%0A%20%20//%20Aspect%20Video%0A%20%20--aspect-video:%2016%20/%209;%0A%0A%20%20//%20Transition%20Duration%0A%20%20--default-transition-duration:%20150ms;%0A%20%20--default-transition-timing-function:%20cubic-bezier(0.4,%200,%200.2,%201);%0A%7D%0A%0A%5Bdata-new-ui-theme='dark'%5D,%0A%5Bdata-new-ui-theme='dark--warm'%5D,%0A%5Bdata-new-ui-theme='dark--cold'%5D%20%7B%0A%20%20//%20Shadows%0A%20%20--dialog-strong:%0A%20%20%20%200px%2016px%2048px%20rgb(85%2085%2085%20/%2032%25),%0A%20%20%20%20inset%200px%200px%200px%200.5px%20rgb(255%20255%20255%20/%2016%25);%0A%20%20--dialog:%0A%20%20%20%200px%200px%200px%200.5px%20rgb(255%20255%20255%20/%2024%25),%0A%20%20%20%200px%202px%2012px%20rgb(51%2051%2051%20/%2032%25);%0A%20%20--content:%0A%20%20%20%200px%202px%204px%20rgb(255%20255%20255%20/%204%25),%0A%20%20%20%20inset%200px%200.5px%200px%20rgb(255%20255%20255%20/%2015%25);%0A%20%20--canvas:%20none;%0A%20%20--keyboard-key:%200%202px%200px%20var(--border-muted);%0A%7D%0A"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n}\n\nhtml {\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n vertical-align: baseline;\n}\n\nbody, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {\n margin: 0;\n padding: 0;\n}\n\nul[role=\"list\"], ol[role=\"list\"] {\n list-style: none;\n}\n\nbody {\n min-height: 100vh;\n line-height: 1.5;\n}\n\nh1, h2, h3, h4, h5, h6 {\n text-wrap: balance;\n}\n\na:not([class]) {\n text-decoration-skip-ink: auto;\n}\n\nimg, picture {\n max-width: 100%;\n display: block;\n}\n\ninput, textarea, button, select {\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n:target {\n scroll-margin-block: 5ex;\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.8% .007 247.896);\n --grey2: oklch(92.9% .013 255.508);\n --grey3: oklch(86.9% .022 252.894);\n --grey4: oklch(70.4% .04 256.788);\n --grey5: oklch(55.4% .046 257.417);\n --grey6: oklch(44.6% .043 257.281);\n --grey7: oklch(37.2% .044 257.287);\n --grey8: oklch(27.9% .041 260.031);\n --grey9: oklch(20.8% .042 265.755);\n --grey10: oklch(12.9% .042 264.695);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n\n:root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n:root {\n --spacing: .125rem;\n --spacing-00: 0px;\n --spacing-01: var(--spacing);\n --spacing-02: calc(var(--spacing) * 2);\n --spacing-03: calc(var(--spacing) * 3);\n --spacing-04: calc(var(--spacing) * 4);\n --spacing-05: calc(var(--spacing) * 6);\n --spacing-06: calc(var(--spacing) * 8);\n --spacing-07: calc(var(--spacing) * 10);\n --spacing-08: calc(var(--spacing) * 12);\n --spacing-09: calc(var(--spacing) * 16);\n --spacing-10: calc(var(--spacing) * 20);\n --spacing-11: calc(var(--spacing) * 24);\n --spacing-12: calc(var(--spacing) * 28);\n --spacing-13: calc(var(--spacing) * 32);\n --spacing-14: calc(var(--spacing) * 36);\n --spacing-15: calc(var(--spacing) * 40);\n --spacing-16: calc(var(--spacing) * 48);\n --spacing-17: calc(var(--spacing) * 60);\n --spacing-18: calc(var(--spacing) * 80);\n --spacing-zero: var(--spacing-00);\n --spacing-xs: var(--spacing-02);\n --spacing-s: var(--spacing-04);\n --spacing-m: var(--spacing-05);\n --spacing-l: var(--spacing-06);\n --spacing-xl: var(--spacing-08);\n --spacing-xxl: var(--spacing-09);\n --spacing-xxxl: var(--spacing-11);\n --size-xs: var(--spacing-06);\n --size-s: var(--spacing-08);\n --size-m: var(--spacing-09);\n --controls-size-default: var(--spacing-09);\n --controls-size-small: var(--spacing-08);\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-m-zero {\n margin: var(--spacing-zero);\n}\n\n.nu-u-m-xs {\n margin: var(--spacing-xs);\n}\n\n.nu-u-m-s {\n margin: var(--spacing-s);\n}\n\n.nu-u-m-m {\n margin: var(--spacing-m);\n}\n\n.nu-u-m-l {\n margin: var(--spacing-l);\n}\n\n.nu-u-m-xl {\n margin: var(--spacing-xl);\n}\n\n.nu-u-m-xxl {\n margin: var(--spacing-xxl);\n}\n\n.nu-u-m-xxxl {\n margin: var(--spacing-xxxl);\n}\n\n.nu-u-mt-zero {\n margin-top: var(--spacing-zero);\n}\n\n.nu-u-mt-xs {\n margin-top: var(--spacing-xs);\n}\n\n.nu-u-mt-s {\n margin-top: var(--spacing-s);\n}\n\n.nu-u-mt-m {\n margin-top: var(--spacing-m);\n}\n\n.nu-u-mt-l {\n margin-top: var(--spacing-l);\n}\n\n.nu-u-mt-xl {\n margin-top: var(--spacing-xl);\n}\n\n.nu-u-mt-xxl {\n margin-top: var(--spacing-xxl);\n}\n\n.nu-u-mt-xxxl {\n margin-top: var(--spacing-xxxl);\n}\n\n.nu-u-mb-zero {\n margin-bottom: var(--spacing-zero);\n}\n\n.nu-u-mb-xs {\n margin-bottom: var(--spacing-xs);\n}\n\n.nu-u-mb-s {\n margin-bottom: var(--spacing-s);\n}\n\n.nu-u-mb-m {\n margin-bottom: var(--spacing-m);\n}\n\n.nu-u-mb-l {\n margin-bottom: var(--spacing-l);\n}\n\n.nu-u-mb-xl {\n margin-bottom: var(--spacing-xl);\n}\n\n.nu-u-mb-xxl {\n margin-bottom: var(--spacing-xxl);\n}\n\n.nu-u-mb-xxxl {\n margin-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ms-zero {\n margin-left: var(--spacing-zero);\n}\n\n.nu-u-ms-xs {\n margin-left: var(--spacing-xs);\n}\n\n.nu-u-ms-s {\n margin-left: var(--spacing-s);\n}\n\n.nu-u-ms-m {\n margin-left: var(--spacing-m);\n}\n\n.nu-u-ms-l {\n margin-left: var(--spacing-l);\n}\n\n.nu-u-ms-xl {\n margin-left: var(--spacing-xl);\n}\n\n.nu-u-ms-xxl {\n margin-left: var(--spacing-xxl);\n}\n\n.nu-u-ms-xxxl {\n margin-left: var(--spacing-xxxl);\n}\n\n.nu-u-me-zero {\n margin-right: var(--spacing-zero);\n}\n\n.nu-u-me-xs {\n margin-right: var(--spacing-xs);\n}\n\n.nu-u-me-s {\n margin-right: var(--spacing-s);\n}\n\n.nu-u-me-m {\n margin-right: var(--spacing-m);\n}\n\n.nu-u-me-l {\n margin-right: var(--spacing-l);\n}\n\n.nu-u-me-xl {\n margin-right: var(--spacing-xl);\n}\n\n.nu-u-me-xxl {\n margin-right: var(--spacing-xxl);\n}\n\n.nu-u-me-xxxl {\n margin-right: var(--spacing-xxxl);\n}\n\n.nu-u-mx-zero {\n margin-inline: var(--spacing-zero);\n}\n\n.nu-u-mx-xs {\n margin-inline: var(--spacing-xs);\n}\n\n.nu-u-mx-s {\n margin-inline: var(--spacing-s);\n}\n\n.nu-u-mx-m {\n margin-inline: var(--spacing-m);\n}\n\n.nu-u-mx-l {\n margin-inline: var(--spacing-l);\n}\n\n.nu-u-mx-xl {\n margin-inline: var(--spacing-xl);\n}\n\n.nu-u-mx-xxl {\n margin-inline: var(--spacing-xxl);\n}\n\n.nu-u-mx-xxxl {\n margin-inline: var(--spacing-xxxl);\n}\n\n.nu-u-my-zero {\n margin-block: var(--spacing-zero);\n}\n\n.nu-u-my-xs {\n margin-block: var(--spacing-xs);\n}\n\n.nu-u-my-s {\n margin-block: var(--spacing-s);\n}\n\n.nu-u-my-m {\n margin-block: var(--spacing-m);\n}\n\n.nu-u-my-l {\n margin-block: var(--spacing-l);\n}\n\n.nu-u-my-xl {\n margin-block: var(--spacing-xl);\n}\n\n.nu-u-my-xxl {\n margin-block: var(--spacing-xxl);\n}\n\n.nu-u-my-xxxl {\n margin-block: var(--spacing-xxxl);\n}\n\n.nu-u-p-zero {\n padding: var(--spacing-zero);\n}\n\n.nu-u-p-xs {\n padding: var(--spacing-xs);\n}\n\n.nu-u-p-s {\n padding: var(--spacing-s);\n}\n\n.nu-u-p-m {\n padding: var(--spacing-m);\n}\n\n.nu-u-p-l {\n padding: var(--spacing-l);\n}\n\n.nu-u-p-xl {\n padding: var(--spacing-xl);\n}\n\n.nu-u-p-xxl {\n padding: var(--spacing-xxl);\n}\n\n.nu-u-p-xxxl {\n padding: var(--spacing-xxxl);\n}\n\n.nu-u-pt-zero {\n padding-top: var(--spacing-zero);\n}\n\n.nu-u-pt-xs {\n padding-top: var(--spacing-xs);\n}\n\n.nu-u-pt-s {\n padding-top: var(--spacing-s);\n}\n\n.nu-u-pt-m {\n padding-top: var(--spacing-m);\n}\n\n.nu-u-pt-l {\n padding-top: var(--spacing-l);\n}\n\n.nu-u-pt-xl {\n padding-top: var(--spacing-xl);\n}\n\n.nu-u-pt-xxl {\n padding-top: var(--spacing-xxl);\n}\n\n.nu-u-pt-xxxl {\n padding-top: var(--spacing-xxxl);\n}\n\n.nu-u-pb-zero {\n padding-bottom: var(--spacing-zero);\n}\n\n.nu-u-pb-xs {\n padding-bottom: var(--spacing-xs);\n}\n\n.nu-u-pb-s {\n padding-bottom: var(--spacing-s);\n}\n\n.nu-u-pb-m {\n padding-bottom: var(--spacing-m);\n}\n\n.nu-u-pb-l {\n padding-bottom: var(--spacing-l);\n}\n\n.nu-u-pb-xl {\n padding-bottom: var(--spacing-xl);\n}\n\n.nu-u-pb-xxl {\n padding-bottom: var(--spacing-xxl);\n}\n\n.nu-u-pb-xxxl {\n padding-bottom: var(--spacing-xxxl);\n}\n\n.nu-u-ps-zero {\n padding-left: var(--spacing-zero);\n}\n\n.nu-u-ps-xs {\n padding-left: var(--spacing-xs);\n}\n\n.nu-u-ps-s {\n padding-left: var(--spacing-s);\n}\n\n.nu-u-ps-m {\n padding-left: var(--spacing-m);\n}\n\n.nu-u-ps-l {\n padding-left: var(--spacing-l);\n}\n\n.nu-u-ps-xl {\n padding-left: var(--spacing-xl);\n}\n\n.nu-u-ps-xxl {\n padding-left: var(--spacing-xxl);\n}\n\n.nu-u-ps-xxxl {\n padding-left: var(--spacing-xxxl);\n}\n\n.nu-u-pe-zero {\n padding-right: var(--spacing-zero);\n}\n\n.nu-u-pe-xs {\n padding-right: var(--spacing-xs);\n}\n\n.nu-u-pe-s {\n padding-right: var(--spacing-s);\n}\n\n.nu-u-pe-m {\n padding-right: var(--spacing-m);\n}\n\n.nu-u-pe-l {\n padding-right: var(--spacing-l);\n}\n\n.nu-u-pe-xl {\n padding-right: var(--spacing-xl);\n}\n\n.nu-u-pe-xxl {\n padding-right: var(--spacing-xxl);\n}\n\n.nu-u-pe-xxxl {\n padding-right: var(--spacing-xxxl);\n}\n\n.nu-u-px-zero {\n padding-inline: var(--spacing-zero);\n}\n\n.nu-u-px-xs {\n padding-inline: var(--spacing-xs);\n}\n\n.nu-u-px-s {\n padding-inline: var(--spacing-s);\n}\n\n.nu-u-px-m {\n padding-inline: var(--spacing-m);\n}\n\n.nu-u-px-l {\n padding-inline: var(--spacing-l);\n}\n\n.nu-u-px-xl {\n padding-inline: var(--spacing-xl);\n}\n\n.nu-u-px-xxl {\n padding-inline: var(--spacing-xxl);\n}\n\n.nu-u-px-xxxl {\n padding-inline: var(--spacing-xxxl);\n}\n\n.nu-u-py-zero {\n padding-block: var(--spacing-zero);\n}\n\n.nu-u-py-xs {\n padding-block: var(--spacing-xs);\n}\n\n.nu-u-py-s {\n padding-block: var(--spacing-s);\n}\n\n.nu-u-py-m {\n padding-block: var(--spacing-m);\n}\n\n.nu-u-py-l {\n padding-block: var(--spacing-l);\n}\n\n.nu-u-py-xl {\n padding-block: var(--spacing-xl);\n}\n\n.nu-u-py-xxl {\n padding-block: var(--spacing-xxl);\n}\n\n.nu-u-py-xxxl {\n padding-block: var(--spacing-xxxl);\n}\n\n.nu-c-spacer-zero {\n height: var(--spacing-zero);\n display: block;\n}\n\n.nu-c-spacer-xs {\n height: var(--spacing-xs);\n display: block;\n}\n\n.nu-c-spacer-s {\n height: var(--spacing-s);\n display: block;\n}\n\n.nu-c-spacer-m {\n height: var(--spacing-m);\n display: block;\n}\n\n.nu-c-spacer-l {\n height: var(--spacing-l);\n display: block;\n}\n\n.nu-c-spacer-xl {\n height: var(--spacing-xl);\n display: block;\n}\n\n.nu-c-spacer-xxl {\n height: var(--spacing-xxl);\n display: block;\n}\n\n.nu-c-spacer-xxxl {\n height: var(--spacing-xxxl);\n display: block;\n}\n\n:root {\n --system-ui: system-ui, sans-serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", p052, serif;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", menlo, consolas, monospace;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", chilanka, tscu_comic, casual, cursive;\n --mobile-heading-01: 2rem;\n --mobile-heading-02: 1.75rem;\n --mobile-heading-03: 1.5rem;\n --mobile-heading-04: 1.25rem;\n --mobile-heading-05: 1.125rem;\n --mobile-heading-06: 1rem;\n --mobile-body-xl: 1rem;\n --mobile-body: .875rem;\n --mobile-body-sm: .75rem;\n --mobile-caption: .75rem;\n --mobile-helper-text: .75rem;\n --mobile-code: .875rem;\n --lh-mobile-heading-01: 2.5rem;\n --lh-mobile-heading-02: 2.25rem;\n --lh-mobile-heading-03: 1.875rem;\n --lh-mobile-heading-04: 1.75rem;\n --lh-mobile-heading-05: 1.625rem;\n --lh-mobile-heading-06: 1.5rem;\n --lh-mobile-body-xl: 1.5rem;\n --lh-mobile-body: 1.25rem;\n --lh-mobile-body-sm: 1rem;\n --lh-mobile-caption: 1rem;\n --lh-mobile-helper-text: 1rem;\n --lh-mobile-code: 1.25rem;\n --mobile-tracking-heading-01: -.05rem;\n --mobile-tracking-heading-02: -.025rem;\n --mobile-tracking-heading-03: -.025rem;\n --desktop-heading-01: 3.375rem;\n --desktop-heading-02: 2.625rem;\n --desktop-heading-03: 2rem;\n --desktop-heading-04: 1.75rem;\n --desktop-heading-05: 1.25rem;\n --desktop-heading-06: 1.125rem;\n --desktop-body-xl: 1.125rem;\n --desktop-body: 1rem;\n --desktop-body-sm: .875rem;\n --desktop-caption: .75rem;\n --desktop-helper-text: .75rem;\n --desktop-code: .875rem;\n --lh-desktop-heading-01: 4rem;\n --lh-desktop-heading-02: 3.125rem;\n --lh-desktop-heading-03: 2.5rem;\n --lh-desktop-heading-04: 2.25rem;\n --lh-desktop-heading-05: 1.75rem;\n --lh-desktop-heading-06: 1.625rem;\n --lh-desktop-body-xl: 1.625rem;\n --lh-desktop-body: 1.5rem;\n --lh-desktop-body-sm: 1.25rem;\n --lh-desktop-caption: 1rem;\n --lh-desktop-helper-text: 1rem;\n --lh-desktop-code: 1.25rem;\n --desktop-tracking-heading-01: -.075rem;\n --desktop-tracking-heading-02: -.05rem;\n --desktop-tracking-heading-03: -.025rem;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: var(--monospace-code);\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-family: var(--monospace-code);\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n/*# sourceMappingURL=index.css.map */\n",null,null,null,null,null,null,null,null,null],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/effects/dist/index.css.map b/packages/effects/dist/index.css.map index 62b27dd..02ba3d1 100644 --- a/packages/effects/dist/index.css.map +++ b/packages/effects/dist/index.css.map @@ -1 +1 @@ -{"mappings":"ACAA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL","sources":["index.css","src/_variables.scss"],"sourcesContent":[":root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n/*# sourceMappingURL=index.css.map */\n",":root {\n // Shadows\n --dialog-strong: 0px 16px 48px rgba(0, 0, 0, 0.16);\n --dialog: 0px 12px 30px rgba(0, 0, 0, 0.16), 0px 2px 3px rgba(0, 0, 0, 0.1);\n --content: 0px 2px 4px rgba(0, 0, 0, 0.08);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n\n // Focus\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n\n // Radius\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n // Blur\n --blur-xs: 0.25rem;\n --blur-sm: 0.5rem;\n --blur-md: 0.75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n\n // Perspective\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n\n // Aspect Video\n --aspect-video: 16 / 9;\n\n // Transition Duration\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n[data-new-ui-theme='dark'],\n[data-new-ui-theme='dark--warm'],\n[data-new-ui-theme='dark--cold'] {\n // Shadows\n --dialog-strong:\n 0px 16px 48px rgba(85, 85, 85, 0.32),\n inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16);\n --dialog:\n 0px 0px 0px 0.5px rgba(255, 255, 255, 0.24),\n 0px 2px 12px rgba(51, 51, 51, 0.32);\n --content:\n 0px 2px 4px rgba(255, 255, 255, 0.04),\n inset 0px 0.5px 0px rgba(255, 255, 255, 0.15);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file +{"mappings":"ACAA,81BA+CA,sV,mD,oC,sC,oC,4C,0C,4C,+C,+C,+C,+C,+C,iD,iD,iD,uC,0C,0C,0C,0C,0C,4C,4C,4D,4D,4D,4D,4D,8D,8D,6I,iH,4M,mL,qL","sources":["index.css","src/_variables.scss"],"sourcesContent":[":root {\n --dialog-strong: 0px 16px 48px #00000029;\n --dialog: 0px 12px 30px #00000029, 0px 2px 3px #0000001a;\n --content: 0px 2px 4px #00000014;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n --radius-xs: .125rem;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --blur-xs: .25rem;\n --blur-sm: .5rem;\n --blur-md: .75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n --aspect-video: 16 / 9;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n[data-new-ui-theme=\"dark\"], [data-new-ui-theme=\"dark--warm\"], [data-new-ui-theme=\"dark--cold\"] {\n --dialog-strong: 0px 16px 48px #55555552,\n inset 0px 0px 0px .5px #ffffff29;\n --dialog: 0px 0px 0px .5px #ffffff3d,\n 0px 2px 12px #33333352;\n --content: 0px 2px 4px #ffffff0a,\n inset 0px .5px 0px #ffffff26;\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n\n.sh-dialog--strong {\n box-shadow: var(--dialog-strong);\n}\n\n.sh-dialog {\n box-shadow: var(--dialog);\n}\n\n.sh-content {\n box-shadow: var(--content);\n}\n\n.sh-canvas {\n box-shadow: var(--canvas);\n}\n\n.sh-default {\n box-shadow: var(--focus-default);\n}\n\n.sh-accent {\n box-shadow: var(--focus-accent);\n}\n\n.sh-inverse {\n box-shadow: var(--focus-inverse);\n}\n\n.nu-u-radius-xs {\n border-radius: var(--radius-xs);\n}\n\n.nu-u-radius-sm {\n border-radius: var(--radius-sm);\n}\n\n.nu-u-radius-md {\n border-radius: var(--radius-md);\n}\n\n.nu-u-radius-lg {\n border-radius: var(--radius-lg);\n}\n\n.nu-u-radius-xl {\n border-radius: var(--radius-xl);\n}\n\n.nu-u-radius-2xl {\n border-radius: var(--radius-2xl);\n}\n\n.nu-u-radius-3xl {\n border-radius: var(--radius-3xl);\n}\n\n.nu-u-radius-4xl {\n border-radius: var(--radius-4xl);\n}\n\n.nu-u-radius-full {\n border-radius: 9999px;\n}\n\n.nu-u-blur-xs {\n filter: blur(var(--blur-xs));\n}\n\n.nu-u-blur-sm {\n filter: blur(var(--blur-sm));\n}\n\n.nu-u-blur-md {\n filter: blur(var(--blur-md));\n}\n\n.nu-u-blur-lg {\n filter: blur(var(--blur-lg));\n}\n\n.nu-u-blur-xl {\n filter: blur(var(--blur-xl));\n}\n\n.nu-u-blur-2xl {\n filter: blur(var(--blur-2xl));\n}\n\n.nu-u-blur-3xl {\n filter: blur(var(--blur-3xl));\n}\n\n.nu-u-backdrop-blur-xs {\n backdrop-filter: blur(var(--blur-xs));\n}\n\n.nu-u-backdrop-blur-sm {\n backdrop-filter: blur(var(--blur-sm));\n}\n\n.nu-u-backdrop-blur-md {\n backdrop-filter: blur(var(--blur-md));\n}\n\n.nu-u-backdrop-blur-lg {\n backdrop-filter: blur(var(--blur-lg));\n}\n\n.nu-u-backdrop-blur-xl {\n backdrop-filter: blur(var(--blur-xl));\n}\n\n.nu-u-backdrop-blur-2xl {\n backdrop-filter: blur(var(--blur-2xl));\n}\n\n.nu-u-backdrop-blur-3xl {\n backdrop-filter: blur(var(--blur-3xl));\n}\n\n.nu-u-transition {\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-all {\n transition: all var(--default-transition-duration) var(--default-transition-timing-function);\n}\n\n.nu-u-transition-colors {\n transition-property: color, background-color, border-color;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-shadow {\n transition-property: box-shadow;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-transform {\n transition-property: transform;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n\n.nu-u-transition-opacity {\n transition-property: opacity;\n transition-duration: var(--default-transition-duration);\n transition-timing-function: var(--default-transition-timing-function);\n}\n/*# sourceMappingURL=index.css.map */\n",":root {\n // Shadows\n --dialog-strong: 0px 16px 48px rgb(0 0 0 / 16%);\n --dialog: 0px 12px 30px rgb(0 0 0 / 16%), 0px 2px 3px rgb(0 0 0 / 10%);\n --content: 0px 2px 4px rgb(0 0 0 / 8%);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n\n // Focus\n --focus-default: 0px 0px 0px 2px var(--blue5);\n --focus-accent: 0px 0px 0px 2px var(--blue8);\n --focus-inverse: 0px 0px 0px 2px var(--white);\n\n // Radius\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n // Blur\n --blur-xs: 0.25rem;\n --blur-sm: 0.5rem;\n --blur-md: 0.75rem;\n --blur-lg: 1rem;\n --blur-xl: 1.5rem;\n --blur-2xl: 2.5rem;\n --blur-3xl: 4rem;\n\n // Perspective\n --perspective-dramatic: 6.25rem;\n --perspective-near: 18.75rem;\n --perspective-normal: 31.25rem;\n --perspective-midrange: 50rem;\n --perspective-distant: 75rem;\n\n // Aspect Video\n --aspect-video: 16 / 9;\n\n // Transition Duration\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n[data-new-ui-theme='dark'],\n[data-new-ui-theme='dark--warm'],\n[data-new-ui-theme='dark--cold'] {\n // Shadows\n --dialog-strong:\n 0px 16px 48px rgb(85 85 85 / 32%),\n inset 0px 0px 0px 0.5px rgb(255 255 255 / 16%);\n --dialog:\n 0px 0px 0px 0.5px rgb(255 255 255 / 24%),\n 0px 2px 12px rgb(51 51 51 / 32%);\n --content:\n 0px 2px 4px rgb(255 255 255 / 4%),\n inset 0px 0.5px 0px rgb(255 255 255 / 15%);\n --canvas: none;\n --keyboard-key: 0 2px 0px var(--border-muted);\n}\n"],"names":[],"version":3,"file":"index.css.map"} \ No newline at end of file diff --git a/packages/effects/src/_variables.scss b/packages/effects/src/_variables.scss index 4a5ad30..4bd1076 100644 --- a/packages/effects/src/_variables.scss +++ b/packages/effects/src/_variables.scss @@ -1,8 +1,8 @@ :root { // Shadows - --dialog-strong: 0px 16px 48px rgba(0, 0, 0, 0.16); - --dialog: 0px 12px 30px rgba(0, 0, 0, 0.16), 0px 2px 3px rgba(0, 0, 0, 0.1); - --content: 0px 2px 4px rgba(0, 0, 0, 0.08); + --dialog-strong: 0px 16px 48px rgb(0 0 0 / 16%); + --dialog: 0px 12px 30px rgb(0 0 0 / 16%), 0px 2px 3px rgb(0 0 0 / 10%); + --content: 0px 2px 4px rgb(0 0 0 / 8%); --canvas: none; --keyboard-key: 0 2px 0px var(--border-muted); @@ -50,14 +50,14 @@ [data-new-ui-theme='dark--cold'] { // Shadows --dialog-strong: - 0px 16px 48px rgba(85, 85, 85, 0.32), - inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16); + 0px 16px 48px rgb(85 85 85 / 32%), + inset 0px 0px 0px 0.5px rgb(255 255 255 / 16%); --dialog: - 0px 0px 0px 0.5px rgba(255, 255, 255, 0.24), - 0px 2px 12px rgba(51, 51, 51, 0.32); + 0px 0px 0px 0.5px rgb(255 255 255 / 24%), + 0px 2px 12px rgb(51 51 51 / 32%); --content: - 0px 2px 4px rgba(255, 255, 255, 0.04), - inset 0px 0.5px 0px rgba(255, 255, 255, 0.15); + 0px 2px 4px rgb(255 255 255 / 4%), + inset 0px 0.5px 0px rgb(255 255 255 / 15%); --canvas: none; --keyboard-key: 0 2px 0px var(--border-muted); } From 5c47537c7ba19f6308fe53de74766fca5db38992 Mon Sep 17 00:00:00 2001 From: planetabhi <1704622+planetabhi@users.noreply.github.com> Date: Wed, 29 Apr 2026 11:39:56 +0530 Subject: [PATCH 3/4] Opt. --- bun.lock | 6 +++--- package.json | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/bun.lock b/bun.lock index 7172ae7..d79d190 100644 --- a/bun.lock +++ b/bun.lock @@ -5,8 +5,8 @@ "": { "name": "@new-ui/foundations", "dependencies": { - "@new-ui/colors": "^2.2.4", - "@new-ui/effects": "^0.1.10", + "@new-ui/colors": "^2.2.5", + "@new-ui/effects": "^0.1.11", "@new-ui/reset": "^0.1.2", "@new-ui/spacings": "^0.1.9", "@new-ui/typography": "^0.2.1", @@ -15,7 +15,7 @@ "@parcel/transformer-sass": "^2.16.4", "parcel": "^2.16.4", "prettier": "^3.8.3", - "stylelint": "^17.9.0", + "stylelint": "^17.9.1", "stylelint-config-standard-scss": "^17.0.0", }, }, diff --git a/package.json b/package.json index cbdc1ca..7beca5d 100644 --- a/package.json +++ b/package.json @@ -52,12 +52,12 @@ "@parcel/transformer-sass": "^2.16.4", "parcel": "^2.16.4", "prettier": "^3.8.3", - "stylelint": "^17.9.0", + "stylelint": "^17.9.1", "stylelint-config-standard-scss": "^17.0.0" }, "dependencies": { - "@new-ui/colors": "^2.2.4", - "@new-ui/effects": "^0.1.10", + "@new-ui/colors": "^2.2.5", + "@new-ui/effects": "^0.1.11", "@new-ui/reset": "^0.1.2", "@new-ui/spacings": "^0.1.9", "@new-ui/typography": "^0.2.1" From bec4ef08a001a180a35e0a3d88f85fa4606ec1bd Mon Sep 17 00:00:00 2001 From: planetabhi <1704622+planetabhi@users.noreply.github.com> Date: Wed, 29 Apr 2026 12:10:45 +0530 Subject: [PATCH 4/4] Opt. --- bun.lock | 2 ++ package.json | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/bun.lock b/bun.lock index d79d190..1060f31 100644 --- a/bun.lock +++ b/bun.lock @@ -666,6 +666,8 @@ "qified/hookified": ["hookified@2.2.0", "", {}, "sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA=="], + "stylelint-scss/mdn-data": ["mdn-data@2.28.0", "", {}, "sha512-uy9AS1yt+wW5eUEefgE3lOpqPghanUttycV0GXKbiXyBjwvbeE8XPj4u1C+voRfz7dEjwU4NDHTMfZ/s/JtZrQ=="], + "supports-color/has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="], "supports-hyperlinks/supports-color": ["supports-color@10.2.2", "", {}, "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g=="], diff --git a/package.json b/package.json index 7beca5d..fb7d61c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@new-ui/foundations", - "version": "0.3.5", + "version": "0.3.6", "description": "New UI foundations", "source": "src/index.scss", "main": "dist/index.css",