From d337c8ba8a9b40a544c63367246955fe4885128e Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:29:53 -0400 Subject: [PATCH 1/9] Build action & deployment script --- .cargo/config.toml | 5 ----- .github/workflows/build.yml | 41 +++++++++++++++++++++++++++++++++++++ deploy.sh | 5 +++++ 3 files changed, 46 insertions(+), 5 deletions(-) delete mode 100644 .cargo/config.toml create mode 100644 .github/workflows/build.yml create mode 100755 deploy.sh diff --git a/.cargo/config.toml b/.cargo/config.toml deleted file mode 100644 index 0236928..0000000 --- a/.cargo/config.toml +++ /dev/null @@ -1,5 +0,0 @@ -[source.crates-io] -replace-with = "vendored-sources" - -[source.vendored-sources] -directory = "vendor" diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml new file mode 100644 index 0000000..df6254b --- /dev/null +++ b/.github/workflows/build.yml @@ -0,0 +1,41 @@ +# https://docs.github.com/en/actions/publishing-packages/publishing-docker-images#publishing-images-to-github-packages +name: Build and publish Docker image to the Github Container Registry + +on: + - push + +env: + REGISTRY: ghcr.io + IMAGE_NAME: ${{ github.repository }} + +jobs: + build-and-push-image: + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + attestations: write + steps: + - name: Checkout repository + uses: actions/checkout@v4 + - name: Log in to the Container registry + uses: docker/login-action@65b78e6e13532edd9afa3aa52ac7964289d1a9c1 + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + - name: Extract metadata (tags, labels) for Docker + id: meta + uses: docker/metadata-action@9ec57ed1fcdbf14dcef7dfbe97b2010124a938b7 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }} + tags: | + type=ref,event=branch + - name: Build and push Docker image + id: push + uses: docker/build-push-action@f2a1d5e99d037542a71f64918e516c093c6f3fc4 + with: + context: . + push: true + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..3ba09ac --- /dev/null +++ b/deploy.sh @@ -0,0 +1,5 @@ +set -eo pipefail + +# deploy to citadels.fly.dev +fly secrets set GIT_SHA=$(git show -s --format=%H) +fly deploy --strategy=immediate -i=ghcr.io/charlestaylor7/citadels:main From bf53a36e3f2c77e6747049a5c68a01f736d62725 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:34:45 -0400 Subject: [PATCH 2/9] Remove sqlite --- .gitignore | 4 +- Cargo.lock | 106 - Cargo.toml | 1 - public/index.css | 2742 +++++++++--------- public/styles/index.css | 6010 +++++++++++++++++++++++++++++++++++++++ src/bins/reset_db.rs | 50 - src/game.rs | 15 - src/lib.rs | 1 - src/sqlite.rs | 85 - 9 files changed, 7395 insertions(+), 1619 deletions(-) create mode 100644 public/styles/index.css delete mode 100644 src/bins/reset_db.rs delete mode 100644 src/sqlite.rs diff --git a/.gitignore b/.gitignore index 82e82e0..127921a 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,4 @@ /target/ /.env -/vendor/ -/volume/*.db +/public/styles/ +/node_modules/ diff --git a/Cargo.lock b/Cargo.lock index 6751475..6f9d6bc 100644 --- a/Cargo.lock +++ b/Cargo.lock @@ -52,18 +52,6 @@ dependencies = [ "subtle", ] -[[package]] -name = "ahash" -version = "0.8.7" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "77c3a9648d43b9cd48db467b3f87fdd6e146bcc88ab0180006cef2179fe11d01" -dependencies = [ - "cfg-if", - "once_cell", - "version_check", - "zerocopy", -] - [[package]] name = "aho-corasick" version = "1.1.2" @@ -73,12 +61,6 @@ dependencies = [ "memchr", ] -[[package]] -name = "allocator-api2" -version = "0.2.16" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "0942ffc6dcaadf03badf6e6a2d0228460359d5e34b57ccdc720b7382dfbd5ec5" - [[package]] name = "android-tzdata" version = "0.1.1" @@ -352,7 +334,6 @@ dependencies = [ "rand", "rand_core", "rand_xoshiro", - "rusqlite", "serde", "serde_json", "serde_with", @@ -510,18 +491,6 @@ dependencies = [ "windows-sys 0.52.0", ] -[[package]] -name = "fallible-iterator" -version = "0.3.0" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "2acce4a10f12dc2fb14a218589d4f1f62ef011b2d0cc4b3cb1bba8e94da14649" - -[[package]] -name = "fallible-streaming-iterator" -version = "0.1.9" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "7360491ce676a36bf9bb3c56c1aa791658183a54d2744120f27285738d90465a" - [[package]] name = "fnv" version = "1.0.7" @@ -693,19 +662,6 @@ name = "hashbrown" version = "0.14.3" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "290f1a1d9242c78d09ce40a5e87e7554ee637af1351968159f4952f028f75604" -dependencies = [ - "ahash", - "allocator-api2", -] - -[[package]] -name = "hashlink" -version = "0.8.4" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "e8094feaf31ff591f651a2664fb9cfd92bba7a60ce3197265e9482ebe753c8f7" -dependencies = [ - "hashbrown 0.14.3", -] [[package]] name = "hermit-abi" @@ -942,16 +898,6 @@ version = "0.2.8" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "4ec2a862134d2a7d32d7983ddcdd1c4923530833c9f2ea1a44fc5fa473989058" -[[package]] -name = "libsqlite3-sys" -version = "0.27.0" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "cf4e226dcd58b4be396f7bd3c20da8fdee2911400705297ba7d2d7cc2c30f716" -dependencies = [ - "pkg-config", - "vcpkg", -] - [[package]] name = "linux-raw-sys" version = "0.4.12" @@ -1122,12 +1068,6 @@ version = "0.1.0" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184" -[[package]] -name = "pkg-config" -version = "0.3.28" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "69d3587f8a9e599cc7ec2c00e331f71c4e69a5f9a4b8a6efd5b07466b9736f9a" - [[package]] name = "polyval" version = "0.6.1" @@ -1238,20 +1178,6 @@ version = "0.8.2" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "c08c74e62047bb2de4ff487b251e4a92e24f48745648451635cec7d591162d9f" -[[package]] -name = "rusqlite" -version = "0.30.0" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "a78046161564f5e7cd9008aff3b2990b3850dc8e0349119b98e8f251e099f24d" -dependencies = [ - "bitflags", - "fallible-iterator", - "fallible-streaming-iterator", - "hashlink", - "libsqlite3-sys", - "smallvec", -] - [[package]] name = "rustc-demangle" version = "0.1.23" @@ -1385,12 +1311,6 @@ dependencies = [ "autocfg", ] -[[package]] -name = "smallvec" -version = "1.12.0" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "2593d31f82ead8df961d8bd23a64c2ccf2eb5dd34b0a34bfb4dd54011c72009e" - [[package]] name = "socket2" version = "0.5.5" @@ -1732,12 +1652,6 @@ dependencies = [ "getrandom", ] -[[package]] -name = "vcpkg" -version = "0.2.15" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426" - [[package]] name = "version_check" version = "0.9.4" @@ -1975,23 +1889,3 @@ name = "windows_x86_64_msvc" version = "0.52.0" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "dff9641d1cd4be8d1a070daf9e3773c5f67e78b4d9d42263020c057706765c04" - -[[package]] -name = "zerocopy" -version = "0.7.32" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "74d4d3961e53fa4c9a25a8637fc2bfaf2595b3d3ae34875568a5cf64787716be" -dependencies = [ - "zerocopy-derive", -] - -[[package]] -name = "zerocopy-derive" -version = "0.7.32" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "9ce1b18ccd8e73a9321186f97e46f9f04b778851177567b1975109d26a08d2a6" -dependencies = [ - "proc-macro2", - "quote", - "syn", -] diff --git a/Cargo.toml b/Cargo.toml index e81f814..495dbd0 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -31,7 +31,6 @@ rand_core = { version = "0.6.4", features = ["getrandom"] } serde = { version = "1.0.195", features = ["derive","rc"] } serde_json = "1.0.111" time = "0.3.31" -rusqlite = "0.30.0" dotenv = "0.15.0" axum-core = "0.4.3" mime = "0.3.17" diff --git a/public/index.css b/public/index.css index a0a0c13..6c1e9c9 100644 --- a/public/index.css +++ b/public/index.css @@ -450,7 +450,7 @@ video { color: var(--fallback-bc,oklch(var(--bc)/1)); } -@supports not (color: oklch(0 0 0)) { +@supports not (color: oklch(0% 0 0)) { :root { color-scheme: light; --fallback-p: #491eff; @@ -508,16 +508,16 @@ html { :root { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.89824 0.06192 275.75; - --ac: 0.15352 0.0368 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -527,32 +527,32 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.4912 0.3096 275.75; - --s: 0.6971 0.329 342.55; - --sc: 0.9871 0.0106 342.55; - --a: 0.7676 0.184 183.61; - --n: 0.321785 0.02476 255.701624; - --nc: 0.894994 0.011585 252.096176; - --b1: 1 0 0; - --b2: 0.961151 0 0; - --b3: 0.924169 0.00108 197.137559; - --bc: 0.278078 0.029596 256.847952; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; } @media (prefers-color-scheme: dark) { :root { color-scheme: dark; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.13138 0.0392 275.75; - --sc: 0.1496 0.052 342.55; - --ac: 0.14902 0.0334 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -562,30 +562,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.6569 0.196 275.75; - --s: 0.748 0.26 342.55; - --a: 0.7451 0.167 183.61; - --n: 0.313815 0.021108 254.139175; - --nc: 0.746477 0.0216 264.435964; - --b1: 0.253267 0.015896 252.417568; - --b2: 0.232607 0.013807 253.100675; - --b3: 0.211484 0.01165 254.087939; - --bc: 0.746477 0.0216 264.435964; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; } } [data-theme=light] { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.89824 0.06192 275.75; - --ac: 0.15352 0.0368 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -595,30 +595,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.4912 0.3096 275.75; - --s: 0.6971 0.329 342.55; - --sc: 0.9871 0.0106 342.55; - --a: 0.7676 0.184 183.61; - --n: 0.321785 0.02476 255.701624; - --nc: 0.894994 0.011585 252.096176; - --b1: 1 0 0; - --b2: 0.961151 0 0; - --b3: 0.924169 0.00108 197.137559; - --bc: 0.278078 0.029596 256.847952; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; } :root:has(input.theme-controller[value=light]:checked) { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.89824 0.06192 275.75; - --ac: 0.15352 0.0368 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -628,31 +628,31 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.4912 0.3096 275.75; - --s: 0.6971 0.329 342.55; - --sc: 0.9871 0.0106 342.55; - --a: 0.7676 0.184 183.61; - --n: 0.321785 0.02476 255.701624; - --nc: 0.894994 0.011585 252.096176; - --b1: 1 0 0; - --b2: 0.961151 0 0; - --b3: 0.924169 0.00108 197.137559; - --bc: 0.278078 0.029596 256.847952; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; } [data-theme=dark] { color-scheme: dark; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.13138 0.0392 275.75; - --sc: 0.1496 0.052 342.55; - --ac: 0.14902 0.0334 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -662,30 +662,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.6569 0.196 275.75; - --s: 0.748 0.26 342.55; - --a: 0.7451 0.167 183.61; - --n: 0.313815 0.021108 254.139175; - --nc: 0.746477 0.0216 264.435964; - --b1: 0.253267 0.015896 252.417568; - --b2: 0.232607 0.013807 253.100675; - --b3: 0.211484 0.01165 254.087939; - --bc: 0.746477 0.0216 264.435964; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; } :root:has(input.theme-controller[value=dark]:checked) { color-scheme: dark; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.13138 0.0392 275.75; - --sc: 0.1496 0.052 342.55; - --ac: 0.14902 0.0334 183.61; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -695,45 +695,45 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.6569 0.196 275.75; - --s: 0.748 0.26 342.55; - --a: 0.7451 0.167 183.61; - --n: 0.313815 0.021108 254.139175; - --nc: 0.746477 0.0216 264.435964; - --b1: 0.253267 0.015896 252.417568; - --b2: 0.232607 0.013807 253.100675; - --b3: 0.211484 0.01165 254.087939; - --bc: 0.746477 0.0216 264.435964; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; } [data-theme=cupcake] { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.152344 0.017892 200.026556; - --sc: 0.15787 0.020249 356.29965; - --ac: 0.158762 0.029206 78.618794; - --nc: 0.847148 0.013247 313.189598; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 15.2344% 0.017892 200.026556; + --sc: 15.787% 0.020249 356.29965; + --ac: 15.8762% 0.029206 78.618794; + --nc: 84.7148% 0.013247 313.189598; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; - --p: 0.76172 0.089459 200.026556; - --s: 0.789351 0.101246 356.29965; - --a: 0.793811 0.146032 78.618794; - --n: 0.235742 0.066235 313.189598; - --b1: 0.977882 0.00418 56.375637; - --b2: 0.939822 0.007638 61.449292; - --b3: 0.915861 0.006811 53.440502; - --bc: 0.235742 0.066235 313.189598; + --p: 76.172% 0.089459 200.026556; + --s: 78.9351% 0.101246 356.29965; + --a: 79.3811% 0.146032 78.618794; + --n: 23.5742% 0.066235 313.189598; + --b1: 97.7882% 0.00418 56.375637; + --b2: 93.9822% 0.007638 61.449292; + --b3: 91.5861% 0.006811 53.440502; + --bc: 23.5742% 0.066235 313.189598; --rounded-btn: 1.9rem; --tab-border: 2px; --tab-radius: 0.7rem; @@ -741,32 +741,32 @@ html { :root:has(input.theme-controller[value=cupcake]:checked) { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.152344 0.017892 200.026556; - --sc: 0.15787 0.020249 356.29965; - --ac: 0.158762 0.029206 78.618794; - --nc: 0.847148 0.013247 313.189598; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 15.2344% 0.017892 200.026556; + --sc: 15.787% 0.020249 356.29965; + --ac: 15.8762% 0.029206 78.618794; + --nc: 84.7148% 0.013247 313.189598; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; - --p: 0.76172 0.089459 200.026556; - --s: 0.789351 0.101246 356.29965; - --a: 0.793811 0.146032 78.618794; - --n: 0.235742 0.066235 313.189598; - --b1: 0.977882 0.00418 56.375637; - --b2: 0.939822 0.007638 61.449292; - --b3: 0.915861 0.006811 53.440502; - --bc: 0.235742 0.066235 313.189598; + --p: 76.172% 0.089459 200.026556; + --s: 78.9351% 0.101246 356.29965; + --a: 79.3811% 0.146032 78.618794; + --n: 23.5742% 0.066235 313.189598; + --b1: 97.7882% 0.00418 56.375637; + --b2: 93.9822% 0.007638 61.449292; + --b3: 91.5861% 0.006811 53.440502; + --bc: 23.5742% 0.066235 313.189598; --rounded-btn: 1.9rem; --tab-border: 2px; --tab-radius: 0.7rem; @@ -774,19 +774,19 @@ html { [data-theme=bumblebee] { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.2 0 0; - --ac: 0.16254 0.0314 56.52; - --nc: 0.8255 0.015 281.99; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --ac: 16.254% 0.0314 56.52; + --nc: 82.55% 0.015 281.99; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -796,30 +796,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.8951 0.2132 96.61; - --pc: 0.3892 0.046 96.61; - --s: 0.8039 0.194 70.76; - --sc: 0.3938 0.068 70.76; - --a: 0.8127 0.157 56.52; - --n: 0.1275 0.075 281.99; - --b1: 1 0 0; + --p: 89.51% 0.2132 96.61; + --pc: 38.92% 0.046 96.61; + --s: 80.39% 0.194 70.76; + --sc: 39.38% 0.068 70.76; + --a: 81.27% 0.157 56.52; + --n: 12.75% 0.075 281.99; + --b1: 100% 0 0; } :root:has(input.theme-controller[value=bumblebee]:checked) { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.2 0 0; - --ac: 0.16254 0.0314 56.52; - --nc: 0.8255 0.015 281.99; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --ac: 16.254% 0.0314 56.52; + --nc: 82.55% 0.015 281.99; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -829,43 +829,43 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.8951 0.2132 96.61; - --pc: 0.3892 0.046 96.61; - --s: 0.8039 0.194 70.76; - --sc: 0.3938 0.068 70.76; - --a: 0.8127 0.157 56.52; - --n: 0.1275 0.075 281.99; - --b1: 1 0 0; + --p: 89.51% 0.2132 96.61; + --pc: 38.92% 0.046 96.61; + --s: 80.39% 0.194 70.76; + --sc: 39.38% 0.068 70.76; + --a: 81.27% 0.157 56.52; + --n: 12.75% 0.075 281.99; + --b1: 100% 0 0; } [data-theme=emerald] { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.766626 0.135433 153.450024; - --pc: 0.333872 0.040618 162.240129; - --s: 0.613028 0.202368 261.294233; - --sc: 1 0 0; - --a: 0.727725 0.149783 33.200363; - --ac: 0 0 0; - --n: 0.355192 0.032071 262.988584; - --nc: 0.984625 0.001706 247.838921; - --b1: 1 0 0; - --bc: 0.355192 0.032071 262.988584; + --p: 76.6626% 0.135433 153.450024; + --pc: 33.3872% 0.040618 162.240129; + --s: 61.3028% 0.202368 261.294233; + --sc: 100% 0 0; + --a: 72.7725% 0.149783 33.200363; + --ac: 0% 0 0; + --n: 35.5192% 0.032071 262.988584; + --nc: 98.4625% 0.001706 247.838921; + --b1: 100% 0 0; + --bc: 35.5192% 0.032071 262.988584; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; @@ -873,32 +873,32 @@ html { :root:has(input.theme-controller[value=emerald]:checked) { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.766626 0.135433 153.450024; - --pc: 0.333872 0.040618 162.240129; - --s: 0.613028 0.202368 261.294233; - --sc: 1 0 0; - --a: 0.727725 0.149783 33.200363; - --ac: 0 0 0; - --n: 0.355192 0.032071 262.988584; - --nc: 0.984625 0.001706 247.838921; - --b1: 1 0 0; - --bc: 0.355192 0.032071 262.988584; + --p: 76.6626% 0.135433 153.450024; + --pc: 33.3872% 0.040618 162.240129; + --s: 61.3028% 0.202368 261.294233; + --sc: 100% 0 0; + --a: 72.7725% 0.149783 33.200363; + --ac: 0% 0 0; + --n: 35.5192% 0.032071 262.988584; + --nc: 98.4625% 0.001706 247.838921; + --b1: 100% 0 0; + --bc: 35.5192% 0.032071 262.988584; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; @@ -906,28 +906,28 @@ html { [data-theme=corporate] { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.12078 0.0456 269.1; - --sc: 0.130739 0.010951 256.688055; - --ac: 0.153934 0.022799 163.57888; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 12.078% 0.0456 269.1; + --sc: 13.0739% 0.010951 256.688055; + --ac: 15.3934% 0.022799 163.57888; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --border-btn: 1px; --tab-border: 1px; - --p: 0.6039 0.228 269.1; - --s: 0.653694 0.054756 256.688055; - --a: 0.769669 0.113994 163.57888; - --n: 0.223899 0.031305 278.07229; - --nc: 0.958796 0.008588 247.915135; - --b1: 1 0 0; - --bc: 0.223899 0.031305 278.07229; + --p: 60.39% 0.228 269.1; + --s: 65.3694% 0.054756 256.688055; + --a: 76.9669% 0.113994 163.57888; + --n: 22.3899% 0.031305 278.07229; + --nc: 95.8796% 0.008588 247.915135; + --b1: 100% 0 0; + --bc: 22.3899% 0.031305 278.07229; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; @@ -939,28 +939,28 @@ html { :root:has(input.theme-controller[value=corporate]:checked) { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.12078 0.0456 269.1; - --sc: 0.130739 0.010951 256.688055; - --ac: 0.153934 0.022799 163.57888; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 12.078% 0.0456 269.1; + --sc: 13.0739% 0.010951 256.688055; + --ac: 15.3934% 0.022799 163.57888; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --border-btn: 1px; --tab-border: 1px; - --p: 0.6039 0.228 269.1; - --s: 0.653694 0.054756 256.688055; - --a: 0.769669 0.113994 163.57888; - --n: 0.223899 0.031305 278.07229; - --nc: 0.958796 0.008588 247.915135; - --b1: 1 0 0; - --bc: 0.223899 0.031305 278.07229; + --p: 60.39% 0.228 269.1; + --s: 65.3694% 0.054756 256.688055; + --a: 76.9669% 0.113994 163.57888; + --n: 22.3899% 0.031305 278.07229; + --nc: 95.8796% 0.008588 247.915135; + --b1: 100% 0 0; + --bc: 22.3899% 0.031305 278.07229; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; @@ -972,11 +972,11 @@ html { [data-theme=synthwave] { color-scheme: dark; - --b2: 0.202941 0.076211 287.835609; - --b3: 0.187665 0.070475 287.835609; - --pc: 0.144421 0.031903 342.009383; - --sc: 0.156543 0.02362 227.382405; - --ac: 0.17608 0.0412 93.72; + --b2: 20.2941% 0.076211 287.835609; + --b3: 18.7665% 0.070475 287.835609; + --pc: 14.4421% 0.031903 342.009383; + --sc: 15.6543% 0.02362 227.382405; + --ac: 17.608% 0.0412 93.72; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -986,30 +986,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.722105 0.159514 342.009383; - --s: 0.782714 0.118101 227.382405; - --a: 0.8804 0.206 93.72; - --n: 0.255554 0.103537 286.507967; - --nc: 0.979365 0.00819 301.358346; - --b1: 0.218216 0.081948 287.835609; - --bc: 0.979365 0.00819 301.358346; - --in: 0.765197 0.12273 231.831603; - --inc: 0.235017 0.096418 290.329844; - --su: 0.860572 0.115038 178.624677; - --suc: 0.235017 0.096418 290.329844; - --wa: 0.85531 0.122117 93.722227; - --wac: 0.235017 0.096418 290.329844; - --er: 0.737005 0.121339 32.639257; - --erc: 0.235017 0.096418 290.329844; + --p: 72.2105% 0.159514 342.009383; + --s: 78.2714% 0.118101 227.382405; + --a: 88.04% 0.206 93.72; + --n: 25.5554% 0.103537 286.507967; + --nc: 97.9365% 0.00819 301.358346; + --b1: 21.8216% 0.081948 287.835609; + --bc: 97.9365% 0.00819 301.358346; + --in: 76.5197% 0.12273 231.831603; + --inc: 23.5017% 0.096418 290.329844; + --su: 86.0572% 0.115038 178.624677; + --suc: 23.5017% 0.096418 290.329844; + --wa: 85.531% 0.122117 93.722227; + --wac: 23.5017% 0.096418 290.329844; + --er: 73.7005% 0.121339 32.639257; + --erc: 23.5017% 0.096418 290.329844; } :root:has(input.theme-controller[value=synthwave]:checked) { color-scheme: dark; - --b2: 0.202941 0.076211 287.835609; - --b3: 0.187665 0.070475 287.835609; - --pc: 0.144421 0.031903 342.009383; - --sc: 0.156543 0.02362 227.382405; - --ac: 0.17608 0.0412 93.72; + --b2: 20.2941% 0.076211 287.835609; + --b3: 18.7665% 0.070475 287.835609; + --pc: 14.4421% 0.031903 342.009383; + --sc: 15.6543% 0.02362 227.382405; + --ac: 17.608% 0.0412 93.72; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1019,50 +1019,50 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.722105 0.159514 342.009383; - --s: 0.782714 0.118101 227.382405; - --a: 0.8804 0.206 93.72; - --n: 0.255554 0.103537 286.507967; - --nc: 0.979365 0.00819 301.358346; - --b1: 0.218216 0.081948 287.835609; - --bc: 0.979365 0.00819 301.358346; - --in: 0.765197 0.12273 231.831603; - --inc: 0.235017 0.096418 290.329844; - --su: 0.860572 0.115038 178.624677; - --suc: 0.235017 0.096418 290.329844; - --wa: 0.85531 0.122117 93.722227; - --wac: 0.235017 0.096418 290.329844; - --er: 0.737005 0.121339 32.639257; - --erc: 0.235017 0.096418 290.329844; + --p: 72.2105% 0.159514 342.009383; + --s: 78.2714% 0.118101 227.382405; + --a: 88.04% 0.206 93.72; + --n: 25.5554% 0.103537 286.507967; + --nc: 97.9365% 0.00819 301.358346; + --b1: 21.8216% 0.081948 287.835609; + --bc: 97.9365% 0.00819 301.358346; + --in: 76.5197% 0.12273 231.831603; + --inc: 23.5017% 0.096418 290.329844; + --su: 86.0572% 0.115038 178.624677; + --suc: 23.5017% 0.096418 290.329844; + --wa: 85.531% 0.122117 93.722227; + --wac: 23.5017% 0.096418 290.329844; + --er: 73.7005% 0.121339 32.639257; + --erc: 23.5017% 0.096418 290.329844; } [data-theme=retro] { color-scheme: light; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.13144 0.0398 27.33; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.768664 0.104092 22.664655; - --pc: 0.265104 0.006243 0.522862; - --s: 0.807415 0.052534 159.094608; - --sc: 0.265104 0.006243 0.522862; - --a: 0.703919 0.125455 52.953428; - --ac: 0.265104 0.006243 0.522862; - --n: 0.284181 0.009519 355.534017; - --nc: 0.925604 0.025113 89.217311; - --b1: 0.916374 0.034554 90.51575; - --b2: 0.882722 0.049418 91.774344; - --b3: 0.84133 0.065952 90.856665; - --bc: 0.265104 0.006243 0.522862; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.6572 0.199 27.33; + --p: 76.8664% 0.104092 22.664655; + --pc: 26.5104% 0.006243 0.522862; + --s: 80.7415% 0.052534 159.094608; + --sc: 26.5104% 0.006243 0.522862; + --a: 70.3919% 0.125455 52.953428; + --ac: 26.5104% 0.006243 0.522862; + --n: 28.4181% 0.009519 355.534017; + --nc: 92.5604% 0.025113 89.217311; + --b1: 91.6374% 0.034554 90.51575; + --b2: 88.2722% 0.049418 91.774344; + --b3: 84.133% 0.065952 90.856665; + --bc: 26.5104% 0.006243 0.522862; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; --rounded-box: 0.4rem; --rounded-btn: 0.4rem; --rounded-badge: 0.4rem; @@ -1071,31 +1071,31 @@ html { :root:has(input.theme-controller[value=retro]:checked) { color-scheme: light; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.13144 0.0398 27.33; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.768664 0.104092 22.664655; - --pc: 0.265104 0.006243 0.522862; - --s: 0.807415 0.052534 159.094608; - --sc: 0.265104 0.006243 0.522862; - --a: 0.703919 0.125455 52.953428; - --ac: 0.265104 0.006243 0.522862; - --n: 0.284181 0.009519 355.534017; - --nc: 0.925604 0.025113 89.217311; - --b1: 0.916374 0.034554 90.51575; - --b2: 0.882722 0.049418 91.774344; - --b3: 0.84133 0.065952 90.856665; - --bc: 0.265104 0.006243 0.522862; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.6572 0.199 27.33; + --p: 76.8664% 0.104092 22.664655; + --pc: 26.5104% 0.006243 0.522862; + --s: 80.7415% 0.052534 159.094608; + --sc: 26.5104% 0.006243 0.522862; + --a: 70.3919% 0.125455 52.953428; + --ac: 26.5104% 0.006243 0.522862; + --n: 28.4181% 0.009519 355.534017; + --nc: 92.5604% 0.025113 89.217311; + --b1: 91.6374% 0.034554 90.51575; + --b2: 88.2722% 0.049418 91.774344; + --b3: 84.133% 0.065952 90.856665; + --bc: 26.5104% 0.006243 0.522862; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; --rounded-box: 0.4rem; --rounded-btn: 0.4rem; --rounded-badge: 0.4rem; @@ -1104,32 +1104,32 @@ html { [data-theme=cyberpunk] { color-scheme: light; - --b2: 0.878943 0.16647 104.32; - --b3: 0.812786 0.15394 104.32; - --in: 0.7206 0.191 231.6; + --b2: 87.8943% 0.16647 104.32; + --b3: 81.2786% 0.15394 104.32; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.18902 0.0358 104.32; - --pc: 0.14844 0.0418 6.35; - --sc: 0.16666 0.0368 204.72; - --ac: 0.14372 0.04352 310.43; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 18.902% 0.0358 104.32; + --pc: 14.844% 0.0418 6.35; + --sc: 16.666% 0.0368 204.72; + --ac: 14.372% 0.04352 310.43; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 0.7422 0.209 6.35; - --s: 0.8333 0.184 204.72; - --a: 0.7186 0.2176 310.43; - --n: 0.2304 0.065 269.31; - --nc: 0.9451 0.179 104.32; - --b1: 0.9451 0.179 104.32; + --p: 74.22% 0.209 6.35; + --s: 83.33% 0.184 204.72; + --a: 71.86% 0.2176 310.43; + --n: 23.04% 0.065 269.31; + --nc: 94.51% 0.179 104.32; + --b1: 94.51% 0.179 104.32; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; @@ -1138,32 +1138,32 @@ html { :root:has(input.theme-controller[value=cyberpunk]:checked) { color-scheme: light; - --b2: 0.878943 0.16647 104.32; - --b3: 0.812786 0.15394 104.32; - --in: 0.7206 0.191 231.6; + --b2: 87.8943% 0.16647 104.32; + --b3: 81.2786% 0.15394 104.32; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.18902 0.0358 104.32; - --pc: 0.14844 0.0418 6.35; - --sc: 0.16666 0.0368 204.72; - --ac: 0.14372 0.04352 310.43; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 18.902% 0.0358 104.32; + --pc: 14.844% 0.0418 6.35; + --sc: 16.666% 0.0368 204.72; + --ac: 14.372% 0.04352 310.43; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 0.7422 0.209 6.35; - --s: 0.8333 0.184 204.72; - --a: 0.7186 0.2176 310.43; - --n: 0.2304 0.065 269.31; - --nc: 0.9451 0.179 104.32; - --b1: 0.9451 0.179 104.32; + --p: 74.22% 0.209 6.35; + --s: 83.33% 0.184 204.72; + --a: 71.86% 0.2176 310.43; + --n: 23.04% 0.065 269.31; + --nc: 94.51% 0.179 104.32; + --b1: 94.51% 0.179 104.32; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; @@ -1172,15 +1172,15 @@ html { [data-theme=valentine] { color-scheme: light; - --b2: 0.880567 0.024834 337.06289; - --b3: 0.814288 0.022964 337.06289; - --pc: 0.137239 0.030755 15.066527; - --sc: 0.143942 0.029258 293.189609; - --ac: 0.142537 0.014961 197.828857; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.14614 0.0414 27.33; + --b2: 88.0567% 0.024834 337.06289; + --b3: 81.4288% 0.022964 337.06289; + --pc: 13.7239% 0.030755 15.066527; + --sc: 14.3942% 0.029258 293.189609; + --ac: 14.2537% 0.014961 197.828857; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.614% 0.0414 27.33; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1188,32 +1188,32 @@ html { --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.686197 0.153774 15.066527; - --s: 0.71971 0.14629 293.189609; - --a: 0.712685 0.074804 197.828857; - --n: 0.546053 0.143342 358.004839; - --nc: 0.902701 0.037202 336.955191; - --b1: 0.946846 0.026703 337.06289; - --bc: 0.373085 0.081131 4.606426; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.7307 0.207 27.33; + --p: 68.6197% 0.153774 15.066527; + --s: 71.971% 0.14629 293.189609; + --a: 71.2685% 0.074804 197.828857; + --n: 54.6053% 0.143342 358.004839; + --nc: 90.2701% 0.037202 336.955191; + --b1: 94.6846% 0.026703 337.06289; + --bc: 37.3085% 0.081131 4.606426; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.07% 0.207 27.33; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; } :root:has(input.theme-controller[value=valentine]:checked) { color-scheme: light; - --b2: 0.880567 0.024834 337.06289; - --b3: 0.814288 0.022964 337.06289; - --pc: 0.137239 0.030755 15.066527; - --sc: 0.143942 0.029258 293.189609; - --ac: 0.142537 0.014961 197.828857; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.14614 0.0414 27.33; + --b2: 88.0567% 0.024834 337.06289; + --b3: 81.4288% 0.022964 337.06289; + --pc: 13.7239% 0.030755 15.066527; + --sc: 14.3942% 0.029258 293.189609; + --ac: 14.2537% 0.014961 197.828857; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.614% 0.0414 27.33; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1221,32 +1221,32 @@ html { --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.686197 0.153774 15.066527; - --s: 0.71971 0.14629 293.189609; - --a: 0.712685 0.074804 197.828857; - --n: 0.546053 0.143342 358.004839; - --nc: 0.902701 0.037202 336.955191; - --b1: 0.946846 0.026703 337.06289; - --bc: 0.373085 0.081131 4.606426; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.7307 0.207 27.33; + --p: 68.6197% 0.153774 15.066527; + --s: 71.971% 0.14629 293.189609; + --a: 71.2685% 0.074804 197.828857; + --n: 54.6053% 0.143342 358.004839; + --nc: 90.2701% 0.037202 336.955191; + --b1: 94.6846% 0.026703 337.06289; + --bc: 37.3085% 0.081131 4.606426; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.07% 0.207 27.33; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; } [data-theme=halloween] { color-scheme: dark; - --b2: 0.230416 0 0; - --b3: 0.213072 0 0; - --bc: 0.849552 0 0; - --sc: 0.89196 0.0496 305.03; - --nc: 0.848742 0.009322 65.681484; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.13144 0.0398 27.33; + --b2: 23.0416% 0 0; + --b3: 21.3072% 0 0; + --bc: 84.9552% 0 0; + --sc: 89.196% 0.0496 305.03; + --nc: 84.8742% 0.009322 65.681484; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1256,30 +1256,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.7748 0.204 60.62; - --pc: 0.196935 0.004671 196.779412; - --s: 0.4598 0.248 305.03; - --a: 0.648 0.223 136.073479; - --ac: 0 0 0; - --n: 0.24371 0.046608 65.681484; - --b1: 0.247759 0 0; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.6572 0.199 27.33; + --p: 77.48% 0.204 60.62; + --pc: 19.6935% 0.004671 196.779412; + --s: 45.98% 0.248 305.03; + --a: 64.8% 0.223 136.073479; + --ac: 0% 0 0; + --n: 24.371% 0.046608 65.681484; + --b1: 24.7759% 0 0; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; } :root:has(input.theme-controller[value=halloween]:checked) { color-scheme: dark; - --b2: 0.230416 0 0; - --b3: 0.213072 0 0; - --bc: 0.849552 0 0; - --sc: 0.89196 0.0496 305.03; - --nc: 0.848742 0.009322 65.681484; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.13144 0.0398 27.33; + --b2: 23.0416% 0 0; + --b3: 21.3072% 0 0; + --bc: 84.9552% 0 0; + --sc: 89.196% 0.0496 305.03; + --nc: 84.8742% 0.009322 65.681484; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1289,33 +1289,33 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.7748 0.204 60.62; - --pc: 0.196935 0.004671 196.779412; - --s: 0.4598 0.248 305.03; - --a: 0.648 0.223 136.073479; - --ac: 0 0 0; - --n: 0.24371 0.046608 65.681484; - --b1: 0.247759 0 0; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.6572 0.199 27.33; + --p: 77.48% 0.204 60.62; + --pc: 19.6935% 0.004671 196.779412; + --s: 45.98% 0.248 305.03; + --a: 64.8% 0.223 136.073479; + --ac: 0% 0 0; + --n: 24.371% 0.046608 65.681484; + --b1: 24.7759% 0 0; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; } [data-theme=garden] { color-scheme: light; - --b2: 0.864453 0.002011 17.197414; - --b3: 0.799386 0.00186 17.197414; - --in: 0.7206 0.191 231.6; + --b2: 86.4453% 0.002011 17.197414; + --b3: 79.9386% 0.00186 17.197414; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --sc: 0.89699 0.022197 355.095988; - --ac: 0.112547 0.010859 154.390187; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --sc: 89.699% 0.022197 355.095988; + --ac: 11.2547% 0.010859 154.390187; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1325,30 +1325,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.6245 0.278 3.83636; - --pc: 1 0 0; - --s: 0.484952 0.110985 355.095988; - --a: 0.562735 0.054297 154.390187; - --n: 0.241559 0.049362 89.070594; - --nc: 0.929519 0.002163 17.197414; - --b1: 0.929519 0.002163 17.197414; - --bc: 0.169617 0.001664 17.32068; + --p: 62.45% 0.278 3.83636; + --pc: 100% 0 0; + --s: 48.4952% 0.110985 355.095988; + --a: 56.2735% 0.054297 154.390187; + --n: 24.1559% 0.049362 89.070594; + --nc: 92.9519% 0.002163 17.197414; + --b1: 92.9519% 0.002163 17.197414; + --bc: 16.9617% 0.001664 17.32068; } :root:has(input.theme-controller[value=garden]:checked) { color-scheme: light; - --b2: 0.864453 0.002011 17.197414; - --b3: 0.799386 0.00186 17.197414; - --in: 0.7206 0.191 231.6; + --b2: 86.4453% 0.002011 17.197414; + --b3: 79.9386% 0.00186 17.197414; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --sc: 0.89699 0.022197 355.095988; - --ac: 0.112547 0.010859 154.390187; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --sc: 89.699% 0.022197 355.095988; + --ac: 11.2547% 0.010859 154.390187; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1358,32 +1358,32 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.6245 0.278 3.83636; - --pc: 1 0 0; - --s: 0.484952 0.110985 355.095988; - --a: 0.562735 0.054297 154.390187; - --n: 0.241559 0.049362 89.070594; - --nc: 0.929519 0.002163 17.197414; - --b1: 0.929519 0.002163 17.197414; - --bc: 0.169617 0.001664 17.32068; + --p: 62.45% 0.278 3.83636; + --pc: 100% 0 0; + --s: 48.4952% 0.110985 355.095988; + --a: 56.2735% 0.054297 154.390187; + --n: 24.1559% 0.049362 89.070594; + --nc: 92.9519% 0.002163 17.197414; + --b1: 92.9519% 0.002163 17.197414; + --bc: 16.9617% 0.001664 17.32068; } [data-theme=forest] { color-scheme: dark; - --b2: 0.17522 0.007709 17.911578; - --b3: 0.162032 0.007129 17.911578; - --in: 0.7206 0.191 231.6; + --b2: 17.522% 0.007709 17.911578; + --b3: 16.2032% 0.007129 17.911578; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.837682 0.001658 17.911578; - --sc: 0.139553 0.027077 168.327128; - --ac: 0.141257 0.02389 185.713193; - --nc: 0.861397 0.007806 171.364646; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 83.7682% 0.001658 17.911578; + --sc: 13.9553% 0.027077 168.327128; + --ac: 14.1257% 0.02389 185.713193; + --nc: 86.1397% 0.007806 171.364646; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1392,31 +1392,31 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.686283 0.185567 148.958922; - --pc: 0 0 0; - --s: 0.697764 0.135385 168.327128; - --a: 0.706285 0.119451 185.713193; - --n: 0.306985 0.039032 171.364646; - --b1: 0.188409 0.00829 17.911578; + --p: 68.6283% 0.185567 148.958922; + --pc: 0% 0 0; + --s: 69.7764% 0.135385 168.327128; + --a: 70.6285% 0.119451 185.713193; + --n: 30.6985% 0.039032 171.364646; + --b1: 18.8409% 0.00829 17.911578; --rounded-btn: 1.9rem; } :root:has(input.theme-controller[value=forest]:checked) { color-scheme: dark; - --b2: 0.17522 0.007709 17.911578; - --b3: 0.162032 0.007129 17.911578; - --in: 0.7206 0.191 231.6; + --b2: 17.522% 0.007709 17.911578; + --b3: 16.2032% 0.007129 17.911578; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.837682 0.001658 17.911578; - --sc: 0.139553 0.027077 168.327128; - --ac: 0.141257 0.02389 185.713193; - --nc: 0.861397 0.007806 171.364646; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 83.7682% 0.001658 17.911578; + --sc: 13.9553% 0.027077 168.327128; + --ac: 14.1257% 0.02389 185.713193; + --nc: 86.1397% 0.007806 171.364646; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1425,27 +1425,27 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.686283 0.185567 148.958922; - --pc: 0 0 0; - --s: 0.697764 0.135385 168.327128; - --a: 0.706285 0.119451 185.713193; - --n: 0.306985 0.039032 171.364646; - --b1: 0.188409 0.00829 17.911578; + --p: 68.6283% 0.185567 148.958922; + --pc: 0% 0 0; + --s: 69.7764% 0.135385 168.327128; + --a: 70.6285% 0.119451 185.713193; + --n: 30.6985% 0.039032 171.364646; + --b1: 18.8409% 0.00829 17.911578; --rounded-btn: 1.9rem; } [data-theme=aqua] { color-scheme: dark; - --b2: 0.453464 0.118611 261.181672; - --b3: 0.419333 0.109683 261.181672; - --bc: 0.897519 0.025508 261.181672; - --sc: 0.121365 0.02175 309.782946; - --ac: 0.186854 0.020445 94.555431; - --nc: 0.122124 0.023402 243.760661; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.1479 0.038 27.33; + --b2: 45.3464% 0.118611 261.181672; + --b3: 41.9333% 0.109683 261.181672; + --bc: 89.7519% 0.025508 261.181672; + --sc: 12.1365% 0.02175 309.782946; + --ac: 18.6854% 0.020445 94.555431; + --nc: 12.2124% 0.023402 243.760661; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.79% 0.038 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1455,30 +1455,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.856617 0.14498 198.6458; - --pc: 0.401249 0.068266 197.603872; - --s: 0.606827 0.108752 309.782946; - --a: 0.934269 0.102225 94.555431; - --n: 0.610622 0.117009 243.760661; - --b1: 0.487596 0.127539 261.181672; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.7395 0.19 27.33; + --p: 85.6617% 0.14498 198.6458; + --pc: 40.1249% 0.068266 197.603872; + --s: 60.6827% 0.108752 309.782946; + --a: 93.4269% 0.102225 94.555431; + --n: 61.0622% 0.117009 243.760661; + --b1: 48.7596% 0.127539 261.181672; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.95% 0.19 27.33; } :root:has(input.theme-controller[value=aqua]:checked) { color-scheme: dark; - --b2: 0.453464 0.118611 261.181672; - --b3: 0.419333 0.109683 261.181672; - --bc: 0.897519 0.025508 261.181672; - --sc: 0.121365 0.02175 309.782946; - --ac: 0.186854 0.020445 94.555431; - --nc: 0.122124 0.023402 243.760661; - --inc: 0.90923 0.043042 262.880917; - --suc: 0.12541 0.033982 149.213788; - --wac: 0.133168 0.031484 58.31834; - --erc: 0.1479 0.038 27.33; + --b2: 45.3464% 0.118611 261.181672; + --b3: 41.9333% 0.109683 261.181672; + --bc: 89.7519% 0.025508 261.181672; + --sc: 12.1365% 0.02175 309.782946; + --ac: 18.6854% 0.020445 94.555431; + --nc: 12.2124% 0.023402 243.760661; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.79% 0.038 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1488,42 +1488,42 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.856617 0.14498 198.6458; - --pc: 0.401249 0.068266 197.603872; - --s: 0.606827 0.108752 309.782946; - --a: 0.934269 0.102225 94.555431; - --n: 0.610622 0.117009 243.760661; - --b1: 0.487596 0.127539 261.181672; - --in: 0.54615 0.215208 262.880917; - --su: 0.627052 0.169912 149.213788; - --wa: 0.66584 0.157422 58.31834; - --er: 0.7395 0.19 27.33; + --p: 85.6617% 0.14498 198.6458; + --pc: 40.1249% 0.068266 197.603872; + --s: 60.6827% 0.108752 309.782946; + --a: 93.4269% 0.102225 94.555431; + --n: 61.0622% 0.117009 243.760661; + --b1: 48.7596% 0.127539 261.181672; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.95% 0.19 27.33; } [data-theme=lofi] { color-scheme: light; - --inc: 0.15908 0.0206 205.9; - --suc: 0.18026 0.0306 164.14; - --wac: 0.17674 0.027 79.94; - --erc: 0.15732 0.03 28.47; + --inc: 15.908% 0.0206 205.9; + --suc: 18.026% 0.0306 164.14; + --wac: 17.674% 0.027 79.94; + --erc: 15.732% 0.03 28.47; --border-btn: 1px; --tab-border: 1px; - --p: 0.159066 0 0; - --pc: 1 0 0; - --s: 0.21455 0.001566 17.278957; - --sc: 1 0 0; - --a: 0.268618 0 0; - --ac: 1 0 0; - --n: 0 0 0; - --nc: 1 0 0; - --b1: 1 0 0; - --b2: 0.961151 0 0; - --b3: 0.92268 0.001082 17.17934; - --bc: 0 0 0; - --in: 0.7954 0.103 205.9; - --su: 0.9013 0.153 164.14; - --wa: 0.8837 0.135 79.94; - --er: 0.7866 0.15 28.47; + --p: 15.9066% 0 0; + --pc: 100% 0 0; + --s: 21.455% 0.001566 17.278957; + --sc: 100% 0 0; + --a: 26.8618% 0 0; + --ac: 100% 0 0; + --n: 0% 0 0; + --nc: 100% 0 0; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.268% 0.001082 17.17934; + --bc: 0% 0 0; + --in: 79.54% 0.103 205.9; + --su: 90.13% 0.153 164.14; + --wa: 88.37% 0.135 79.94; + --er: 78.66% 0.15 28.47; --rounded-box: 0.25rem; --rounded-btn: 0.125rem; --rounded-badge: 0.125rem; @@ -1535,28 +1535,28 @@ html { :root:has(input.theme-controller[value=lofi]:checked) { color-scheme: light; - --inc: 0.15908 0.0206 205.9; - --suc: 0.18026 0.0306 164.14; - --wac: 0.17674 0.027 79.94; - --erc: 0.15732 0.03 28.47; + --inc: 15.908% 0.0206 205.9; + --suc: 18.026% 0.0306 164.14; + --wac: 17.674% 0.027 79.94; + --erc: 15.732% 0.03 28.47; --border-btn: 1px; --tab-border: 1px; - --p: 0.159066 0 0; - --pc: 1 0 0; - --s: 0.21455 0.001566 17.278957; - --sc: 1 0 0; - --a: 0.268618 0 0; - --ac: 1 0 0; - --n: 0 0 0; - --nc: 1 0 0; - --b1: 1 0 0; - --b2: 0.961151 0 0; - --b3: 0.92268 0.001082 17.17934; - --bc: 0 0 0; - --in: 0.7954 0.103 205.9; - --su: 0.9013 0.153 164.14; - --wa: 0.8837 0.135 79.94; - --er: 0.7866 0.15 28.47; + --p: 15.9066% 0 0; + --pc: 100% 0 0; + --s: 21.455% 0.001566 17.278957; + --sc: 100% 0 0; + --a: 26.8618% 0 0; + --ac: 100% 0 0; + --n: 0% 0 0; + --nc: 100% 0 0; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.268% 0.001082 17.17934; + --bc: 0% 0 0; + --in: 79.54% 0.103 205.9; + --su: 90.13% 0.153 164.14; + --wa: 88.37% 0.135 79.94; + --er: 78.66% 0.15 28.47; --rounded-box: 0.25rem; --rounded-btn: 0.125rem; --rounded-badge: 0.125rem; @@ -1568,19 +1568,19 @@ html { [data-theme=pastel] { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.2 0 0; - --pc: 0.166166 0.006979 316.8737; - --sc: 0.176153 0.009839 8.688364; - --ac: 0.178419 0.012056 170.923263; - --nc: 0.142681 0.014702 228.183906; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --pc: 16.6166% 0.006979 316.8737; + --sc: 17.6153% 0.009839 8.688364; + --ac: 17.8419% 0.012056 170.923263; + --nc: 14.2681% 0.014702 228.183906; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1588,32 +1588,32 @@ html { --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.830828 0.034896 316.8737; - --s: 0.880763 0.049197 8.688364; - --a: 0.892096 0.06028 170.923263; - --n: 0.713406 0.07351 228.183906; - --b1: 1 0 0; - --b2: 0.984625 0.001706 247.838921; - --b3: 0.871681 0.009339 258.338227; + --p: 83.0828% 0.034896 316.8737; + --s: 88.0763% 0.049197 8.688364; + --a: 89.2096% 0.06028 170.923263; + --n: 71.3406% 0.07351 228.183906; + --b1: 100% 0 0; + --b2: 98.4625% 0.001706 247.838921; + --b3: 87.1681% 0.009339 258.338227; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; } :root:has(input.theme-controller[value=pastel]:checked) { color-scheme: light; - --in: 0.7206 0.191 231.6; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --bc: 0.2 0 0; - --pc: 0.166166 0.006979 316.8737; - --sc: 0.176153 0.009839 8.688364; - --ac: 0.178419 0.012056 170.923263; - --nc: 0.142681 0.014702 228.183906; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --pc: 16.6166% 0.006979 316.8737; + --sc: 17.6153% 0.009839 8.688364; + --ac: 17.8419% 0.012056 170.923263; + --nc: 14.2681% 0.014702 228.183906; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; @@ -1621,33 +1621,33 @@ html { --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.830828 0.034896 316.8737; - --s: 0.880763 0.049197 8.688364; - --a: 0.892096 0.06028 170.923263; - --n: 0.713406 0.07351 228.183906; - --b1: 1 0 0; - --b2: 0.984625 0.001706 247.838921; - --b3: 0.871681 0.009339 258.338227; + --p: 83.0828% 0.034896 316.8737; + --s: 88.0763% 0.049197 8.688364; + --a: 89.2096% 0.06028 170.923263; + --n: 71.3406% 0.07351 228.183906; + --b1: 100% 0 0; + --b2: 98.4625% 0.001706 247.838921; + --b3: 87.1681% 0.009339 258.338227; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; } [data-theme=fantasy] { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.8749 0.0378 325.02; - --sc: 0.90784 0.0324 241.36; - --ac: 0.15196 0.0408 56.72; - --nc: 0.855616 0.005919 256.847952; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 87.49% 0.0378 325.02; + --sc: 90.784% 0.0324 241.36; + --ac: 15.196% 0.0408 56.72; + --nc: 85.5616% 0.005919 256.847952; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1657,30 +1657,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.3745 0.189 325.02; - --s: 0.5392 0.162 241.36; - --a: 0.7598 0.204 56.72; - --n: 0.278078 0.029596 256.847952; - --b1: 1 0 0; - --bc: 0.278078 0.029596 256.847952; + --p: 37.45% 0.189 325.02; + --s: 53.92% 0.162 241.36; + --a: 75.98% 0.204 56.72; + --n: 27.8078% 0.029596 256.847952; + --b1: 100% 0 0; + --bc: 27.8078% 0.029596 256.847952; } :root:has(input.theme-controller[value=fantasy]:checked) { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --in: 0.7206 0.191 231.6; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; --su: 64.8% 0.150 160; - --wa: 0.8471 0.199 83.87; - --er: 0.7176 0.221 22.18; - --pc: 0.8749 0.0378 325.02; - --sc: 0.90784 0.0324 241.36; - --ac: 0.15196 0.0408 56.72; - --nc: 0.855616 0.005919 256.847952; - --inc: 0 0 0; - --suc: 0 0 0; - --wac: 0 0 0; - --erc: 0 0 0; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 87.49% 0.0378 325.02; + --sc: 90.784% 0.0324 241.36; + --ac: 15.196% 0.0408 56.72; + --nc: 85.5616% 0.005919 256.847952; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1690,42 +1690,42 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.3745 0.189 325.02; - --s: 0.5392 0.162 241.36; - --a: 0.7598 0.204 56.72; - --n: 0.278078 0.029596 256.847952; - --b1: 1 0 0; - --bc: 0.278078 0.029596 256.847952; + --p: 37.45% 0.189 325.02; + --s: 53.92% 0.162 241.36; + --a: 75.98% 0.204 56.72; + --n: 27.8078% 0.029596 256.847952; + --b1: 100% 0 0; + --bc: 27.8078% 0.029596 256.847952; } [data-theme=wireframe] { color-scheme: light; - --bc: 0.2 0 0; - --pc: 0.156521 0 0; - --sc: 0.156521 0 0; - --ac: 0.156521 0 0; - --nc: 0.188014 0 0; - --inc: 0.890403 0.062643 264.052021; - --suc: 0.90395 0.035372 142.495339; - --wac: 0.141626 0.019994 108.702381; - --erc: 0.125591 0.051537 29.233885; + --bc: 20% 0 0; + --pc: 15.6521% 0 0; + --sc: 15.6521% 0 0; + --ac: 15.6521% 0 0; + --nc: 18.8014% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 14.1626% 0.019994 108.702381; + --erc: 12.5591% 0.051537 29.233885; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 0.782604 0 0; - --s: 0.782604 0 0; - --a: 0.782604 0 0; - --n: 0.94007 0 0; - --b1: 1 0 0; - --b2: 0.949119 0 0; - --b3: 0.897547 0 0; - --in: 0.452014 0.313214 264.052021; - --su: 0.519752 0.176858 142.495339; - --wa: 0.708131 0.099969 108.702381; - --er: 0.627955 0.257683 29.233885; + --p: 78.2604% 0 0; + --s: 78.2604% 0 0; + --a: 78.2604% 0 0; + --n: 94.007% 0 0; + --b1: 100% 0 0; + --b2: 94.9119% 0 0; + --b3: 89.7547% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 70.8131% 0.099969 108.702381; + --er: 62.7955% 0.257683 29.233885; --rounded-box: 0.2rem; --rounded-btn: 0.2rem; --rounded-badge: 0.2rem; @@ -1734,32 +1734,32 @@ html { :root:has(input.theme-controller[value=wireframe]:checked) { color-scheme: light; - --bc: 0.2 0 0; - --pc: 0.156521 0 0; - --sc: 0.156521 0 0; - --ac: 0.156521 0 0; - --nc: 0.188014 0 0; - --inc: 0.890403 0.062643 264.052021; - --suc: 0.90395 0.035372 142.495339; - --wac: 0.141626 0.019994 108.702381; - --erc: 0.125591 0.051537 29.233885; + --bc: 20% 0 0; + --pc: 15.6521% 0 0; + --sc: 15.6521% 0 0; + --ac: 15.6521% 0 0; + --nc: 18.8014% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 14.1626% 0.019994 108.702381; + --erc: 12.5591% 0.051537 29.233885; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 0.782604 0 0; - --s: 0.782604 0 0; - --a: 0.782604 0 0; - --n: 0.94007 0 0; - --b1: 1 0 0; - --b2: 0.949119 0 0; - --b3: 0.897547 0 0; - --in: 0.452014 0.313214 264.052021; - --su: 0.519752 0.176858 142.495339; - --wa: 0.708131 0.099969 108.702381; - --er: 0.627955 0.257683 29.233885; + --p: 78.2604% 0 0; + --s: 78.2604% 0 0; + --a: 78.2604% 0 0; + --n: 94.007% 0 0; + --b1: 100% 0 0; + --b2: 94.9119% 0 0; + --b3: 89.7547% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 70.8131% 0.099969 108.702381; + --er: 62.7955% 0.257683 29.233885; --rounded-box: 0.2rem; --rounded-btn: 0.2rem; --rounded-badge: 0.2rem; @@ -1768,28 +1768,28 @@ html { [data-theme=black] { color-scheme: dark; - --pc: 0.86736 0 0; - --sc: 0.86736 0 0; - --ac: 0.86736 0 0; - --nc: 0.86736 0 0; - --inc: 0.890403 0.062643 264.052021; - --suc: 0.90395 0.035372 142.495339; - --wac: 0.193597 0.042201 109.769232; - --erc: 0.125591 0.051537 29.233885; + --pc: 86.736% 0 0; + --sc: 86.736% 0 0; + --ac: 86.736% 0 0; + --nc: 86.736% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 19.3597% 0.042201 109.769232; + --erc: 12.5591% 0.051537 29.233885; --border-btn: 1px; --tab-border: 1px; - --p: 0.336799 0 0; - --s: 0.336799 0 0; - --a: 0.336799 0 0; - --b1: 0 0 0; - --b2: 0.191251 0 0; - --b3: 0.268618 0 0; - --bc: 0.876096 0 0; - --n: 0.336799 0 0; - --in: 0.452014 0.313214 264.052021; - --su: 0.519752 0.176858 142.495339; - --wa: 0.967983 0.211006 109.769232; - --er: 0.627955 0.257683 29.233885; + --p: 33.6799% 0 0; + --s: 33.6799% 0 0; + --a: 33.6799% 0 0; + --b1: 0% 0 0; + --b2: 19.1251% 0 0; + --b3: 26.8618% 0 0; + --bc: 87.6096% 0 0; + --n: 33.6799% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 96.7983% 0.211006 109.769232; + --er: 62.7955% 0.257683 29.233885; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; @@ -1801,28 +1801,28 @@ html { :root:has(input.theme-controller[value=black]:checked) { color-scheme: dark; - --pc: 0.86736 0 0; - --sc: 0.86736 0 0; - --ac: 0.86736 0 0; - --nc: 0.86736 0 0; - --inc: 0.890403 0.062643 264.052021; - --suc: 0.90395 0.035372 142.495339; - --wac: 0.193597 0.042201 109.769232; - --erc: 0.125591 0.051537 29.233885; + --pc: 86.736% 0 0; + --sc: 86.736% 0 0; + --ac: 86.736% 0 0; + --nc: 86.736% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 19.3597% 0.042201 109.769232; + --erc: 12.5591% 0.051537 29.233885; --border-btn: 1px; --tab-border: 1px; - --p: 0.336799 0 0; - --s: 0.336799 0 0; - --a: 0.336799 0 0; - --b1: 0 0 0; - --b2: 0.191251 0 0; - --b3: 0.268618 0 0; - --bc: 0.876096 0 0; - --n: 0.336799 0 0; - --in: 0.452014 0.313214 264.052021; - --su: 0.519752 0.176858 142.495339; - --wa: 0.967983 0.211006 109.769232; - --er: 0.627955 0.257683 29.233885; + --p: 33.6799% 0 0; + --s: 33.6799% 0 0; + --a: 33.6799% 0 0; + --b1: 0% 0 0; + --b2: 19.1251% 0 0; + --b3: 26.8618% 0 0; + --bc: 87.6096% 0 0; + --n: 33.6799% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 96.7983% 0.211006 109.769232; + --er: 62.7955% 0.257683 29.233885; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; @@ -1834,13 +1834,13 @@ html { [data-theme=luxury] { color-scheme: dark; - --pc: 0.2 0 0; - --sc: 0.855163 0.012821 261.069149; - --ac: 0.873349 0.010348 338.82597; - --inc: 0.158122 0.024356 237.133883; - --suc: 0.156239 0.038579 132.154381; - --wac: 0.172255 0.027305 102.89115; - --erc: 0.143506 0.035271 22.568916; + --pc: 20% 0 0; + --sc: 85.5163% 0.012821 261.069149; + --ac: 87.3349% 0.010348 338.82597; + --inc: 15.8122% 0.024356 237.133883; + --suc: 15.6239% 0.038579 132.154381; + --wac: 17.2255% 0.027305 102.89115; + --erc: 14.3506% 0.035271 22.568916; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1850,30 +1850,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 1 0 0; - --s: 0.275815 0.064106 261.069149; - --a: 0.366744 0.051741 338.82597; - --n: 0.2427 0.057015 59.825019; - --nc: 0.932033 0.089631 90.861683; - --b1: 0.140765 0.004386 285.822869; - --b2: 0.202191 0.004211 308.22937; - --b3: 0.298961 0.003818 308.318612; - --bc: 0.756879 0.123666 76.890484; - --in: 0.790612 0.121778 237.133883; - --su: 0.781197 0.192894 132.154381; - --wa: 0.861274 0.136524 102.89115; - --er: 0.717531 0.176357 22.568916; + --p: 100% 0 0; + --s: 27.5815% 0.064106 261.069149; + --a: 36.6744% 0.051741 338.82597; + --n: 24.27% 0.057015 59.825019; + --nc: 93.2033% 0.089631 90.861683; + --b1: 14.0765% 0.004386 285.822869; + --b2: 20.2191% 0.004211 308.22937; + --b3: 29.8961% 0.003818 308.318612; + --bc: 75.6879% 0.123666 76.890484; + --in: 79.0612% 0.121778 237.133883; + --su: 78.1197% 0.192894 132.154381; + --wa: 86.1274% 0.136524 102.89115; + --er: 71.7531% 0.176357 22.568916; } :root:has(input.theme-controller[value=luxury]:checked) { color-scheme: dark; - --pc: 0.2 0 0; - --sc: 0.855163 0.012821 261.069149; - --ac: 0.873349 0.010348 338.82597; - --inc: 0.158122 0.024356 237.133883; - --suc: 0.156239 0.038579 132.154381; - --wac: 0.172255 0.027305 102.89115; - --erc: 0.143506 0.035271 22.568916; + --pc: 20% 0 0; + --sc: 85.5163% 0.012821 261.069149; + --ac: 87.3349% 0.010348 338.82597; + --inc: 15.8122% 0.024356 237.133883; + --suc: 15.6239% 0.038579 132.154381; + --wac: 17.2255% 0.027305 102.89115; + --erc: 14.3506% 0.035271 22.568916; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1883,33 +1883,33 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 1 0 0; - --s: 0.275815 0.064106 261.069149; - --a: 0.366744 0.051741 338.82597; - --n: 0.2427 0.057015 59.825019; - --nc: 0.932033 0.089631 90.861683; - --b1: 0.140765 0.004386 285.822869; - --b2: 0.202191 0.004211 308.22937; - --b3: 0.298961 0.003818 308.318612; - --bc: 0.756879 0.123666 76.890484; - --in: 0.790612 0.121778 237.133883; - --su: 0.781197 0.192894 132.154381; - --wa: 0.861274 0.136524 102.89115; - --er: 0.717531 0.176357 22.568916; + --p: 100% 0 0; + --s: 27.5815% 0.064106 261.069149; + --a: 36.6744% 0.051741 338.82597; + --n: 24.27% 0.057015 59.825019; + --nc: 93.2033% 0.089631 90.861683; + --b1: 14.0765% 0.004386 285.822869; + --b2: 20.2191% 0.004211 308.22937; + --b3: 29.8961% 0.003818 308.318612; + --bc: 75.6879% 0.123666 76.890484; + --in: 79.0612% 0.121778 237.133883; + --su: 78.1197% 0.192894 132.154381; + --wa: 86.1274% 0.136524 102.89115; + --er: 71.7531% 0.176357 22.568916; } [data-theme=dracula] { color-scheme: dark; - --b2: 0.268053 0.020556 277.508664; - --b3: 0.247877 0.019009 277.508664; - --pc: 0.150922 0.036614 346.812432; - --sc: 0.148405 0.029709 301.883095; - --ac: 0.166785 0.024826 66.558491; - --nc: 0.878891 0.006515 275.524078; - --inc: 0.176526 0.018676 212.846491; - --suc: 0.174199 0.043903 148.024881; - --wac: 0.191068 0.026849 112.757109; - --erc: 0.136441 0.041266 24.430965; + --b2: 26.8053% 0.020556 277.508664; + --b3: 24.7877% 0.019009 277.508664; + --pc: 15.0922% 0.036614 346.812432; + --sc: 14.8405% 0.029709 301.883095; + --ac: 16.6785% 0.024826 66.558491; + --nc: 87.8891% 0.006515 275.524078; + --inc: 17.6526% 0.018676 212.846491; + --suc: 17.4199% 0.043903 148.024881; + --wac: 19.1068% 0.026849 112.757109; + --erc: 13.6441% 0.041266 24.430965; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1919,30 +1919,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.754611 0.18307 346.812432; - --s: 0.742023 0.148546 301.883095; - --a: 0.833927 0.124132 66.558491; - --n: 0.394456 0.032576 275.524078; - --b1: 0.288229 0.022103 277.508664; - --bc: 0.977477 0.007913 106.545019; - --in: 0.88263 0.09338 212.846491; - --su: 0.870995 0.219516 148.024881; - --wa: 0.955338 0.134246 112.757109; - --er: 0.682204 0.206328 24.430965; + --p: 75.4611% 0.18307 346.812432; + --s: 74.2023% 0.148546 301.883095; + --a: 83.3927% 0.124132 66.558491; + --n: 39.4456% 0.032576 275.524078; + --b1: 28.8229% 0.022103 277.508664; + --bc: 97.7477% 0.007913 106.545019; + --in: 88.263% 0.09338 212.846491; + --su: 87.0995% 0.219516 148.024881; + --wa: 95.5338% 0.134246 112.757109; + --er: 68.2204% 0.206328 24.430965; } :root:has(input.theme-controller[value=dracula]:checked) { color-scheme: dark; - --b2: 0.268053 0.020556 277.508664; - --b3: 0.247877 0.019009 277.508664; - --pc: 0.150922 0.036614 346.812432; - --sc: 0.148405 0.029709 301.883095; - --ac: 0.166785 0.024826 66.558491; - --nc: 0.878891 0.006515 275.524078; - --inc: 0.176526 0.018676 212.846491; - --suc: 0.174199 0.043903 148.024881; - --wac: 0.191068 0.026849 112.757109; - --erc: 0.136441 0.041266 24.430965; + --b2: 26.8053% 0.020556 277.508664; + --b3: 24.7877% 0.019009 277.508664; + --pc: 15.0922% 0.036614 346.812432; + --sc: 14.8405% 0.029709 301.883095; + --ac: 16.6785% 0.024826 66.558491; + --nc: 87.8891% 0.006515 275.524078; + --inc: 17.6526% 0.018676 212.846491; + --suc: 17.4199% 0.043903 148.024881; + --wac: 19.1068% 0.026849 112.757109; + --erc: 13.6441% 0.041266 24.430965; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1952,31 +1952,31 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.754611 0.18307 346.812432; - --s: 0.742023 0.148546 301.883095; - --a: 0.833927 0.124132 66.558491; - --n: 0.394456 0.032576 275.524078; - --b1: 0.288229 0.022103 277.508664; - --bc: 0.977477 0.007913 106.545019; - --in: 0.88263 0.09338 212.846491; - --su: 0.870995 0.219516 148.024881; - --wa: 0.955338 0.134246 112.757109; - --er: 0.682204 0.206328 24.430965; + --p: 75.4611% 0.18307 346.812432; + --s: 74.2023% 0.148546 301.883095; + --a: 83.3927% 0.124132 66.558491; + --n: 39.4456% 0.032576 275.524078; + --b1: 28.8229% 0.022103 277.508664; + --bc: 97.7477% 0.007913 106.545019; + --in: 88.263% 0.09338 212.846491; + --su: 87.0995% 0.219516 148.024881; + --wa: 95.5338% 0.134246 112.757109; + --er: 68.2204% 0.206328 24.430965; } [data-theme=cmyk] { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --bc: 0.2 0 0; - --pc: 0.143544 0.02666 239.443325; - --sc: 0.128953 0.040552 359.339283; - --ac: 0.188458 0.037948 105.306968; - --nc: 0.843557 0 0; - --inc: 0.136952 0.0189 217.284104; - --suc: 0.893898 0.032505 321.406278; - --wac: 0.142473 0.031969 52.023412; - --erc: 0.124027 0.041677 28.717543; + --b2: 93% 0 0; + --b3: 86% 0 0; + --bc: 20% 0 0; + --pc: 14.3544% 0.02666 239.443325; + --sc: 12.8953% 0.040552 359.339283; + --ac: 18.8458% 0.037948 105.306968; + --nc: 84.3557% 0 0; + --inc: 13.6952% 0.0189 217.284104; + --suc: 89.3898% 0.032505 321.406278; + --wac: 14.2473% 0.031969 52.023412; + --erc: 12.4027% 0.041677 28.717543; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -1986,30 +1986,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.717722 0.133298 239.443325; - --s: 0.644766 0.202758 359.339283; - --a: 0.942289 0.189741 105.306968; - --n: 0.217787 0 0; - --b1: 1 0 0; - --in: 0.684759 0.094499 217.284104; - --su: 0.46949 0.162524 321.406278; - --wa: 0.712364 0.159843 52.023412; - --er: 0.620133 0.208385 28.717543; + --p: 71.7722% 0.133298 239.443325; + --s: 64.4766% 0.202758 359.339283; + --a: 94.2289% 0.189741 105.306968; + --n: 21.7787% 0 0; + --b1: 100% 0 0; + --in: 68.4759% 0.094499 217.284104; + --su: 46.949% 0.162524 321.406278; + --wa: 71.2364% 0.159843 52.023412; + --er: 62.0133% 0.208385 28.717543; } :root:has(input.theme-controller[value=cmyk]:checked) { color-scheme: light; - --b2: 0.93 0 0; - --b3: 0.86 0 0; - --bc: 0.2 0 0; - --pc: 0.143544 0.02666 239.443325; - --sc: 0.128953 0.040552 359.339283; - --ac: 0.188458 0.037948 105.306968; - --nc: 0.843557 0 0; - --inc: 0.136952 0.0189 217.284104; - --suc: 0.893898 0.032505 321.406278; - --wac: 0.142473 0.031969 52.023412; - --erc: 0.124027 0.041677 28.717543; + --b2: 93% 0 0; + --b3: 86% 0 0; + --bc: 20% 0 0; + --pc: 14.3544% 0.02666 239.443325; + --sc: 12.8953% 0.040552 359.339283; + --ac: 18.8458% 0.037948 105.306968; + --nc: 84.3557% 0 0; + --inc: 13.6952% 0.0189 217.284104; + --suc: 89.3898% 0.032505 321.406278; + --wac: 14.2473% 0.031969 52.023412; + --erc: 12.4027% 0.041677 28.717543; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2019,30 +2019,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.717722 0.133298 239.443325; - --s: 0.644766 0.202758 359.339283; - --a: 0.942289 0.189741 105.306968; - --n: 0.217787 0 0; - --b1: 1 0 0; - --in: 0.684759 0.094499 217.284104; - --su: 0.46949 0.162524 321.406278; - --wa: 0.712364 0.159843 52.023412; - --er: 0.620133 0.208385 28.717543; + --p: 71.7722% 0.133298 239.443325; + --s: 64.4766% 0.202758 359.339283; + --a: 94.2289% 0.189741 105.306968; + --n: 21.7787% 0 0; + --b1: 100% 0 0; + --in: 68.4759% 0.094499 217.284104; + --su: 46.949% 0.162524 321.406278; + --wa: 71.2364% 0.159843 52.023412; + --er: 62.0133% 0.208385 28.717543; } [data-theme=autumn] { color-scheme: light; - --b2: 0.891077 0 0; - --b3: 0.824006 0 0; - --bc: 0.191629 0 0; - --pc: 0.881446 0.032232 17.530175; - --sc: 0.123353 0.033821 23.865865; - --ac: 0.146851 0.018999 60.729616; - --nc: 0.908734 0.007475 51.902819; - --inc: 0.138449 0.019596 207.284192; - --suc: 0.12199 0.016032 174.616213; - --wac: 0.140163 0.032982 56.844303; - --erc: 0.90614 0.0482 24.16; + --b2: 89.1077% 0 0; + --b3: 82.4006% 0 0; + --bc: 19.1629% 0 0; + --pc: 88.1446% 0.032232 17.530175; + --sc: 12.3353% 0.033821 23.865865; + --ac: 14.6851% 0.018999 60.729616; + --nc: 90.8734% 0.007475 51.902819; + --inc: 13.8449% 0.019596 207.284192; + --suc: 12.199% 0.016032 174.616213; + --wac: 14.0163% 0.032982 56.844303; + --erc: 90.614% 0.0482 24.16; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2052,30 +2052,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.407232 0.16116 17.530175; - --s: 0.616763 0.169105 23.865865; - --a: 0.734253 0.094994 60.729616; - --n: 0.543672 0.037374 51.902819; - --b1: 0.958147 0 0; - --in: 0.692245 0.097979 207.284192; - --su: 0.609951 0.080159 174.616213; - --wa: 0.700817 0.164909 56.844303; - --er: 0.5307 0.241 24.16; + --p: 40.7232% 0.16116 17.530175; + --s: 61.6763% 0.169105 23.865865; + --a: 73.4253% 0.094994 60.729616; + --n: 54.3672% 0.037374 51.902819; + --b1: 95.8147% 0 0; + --in: 69.2245% 0.097979 207.284192; + --su: 60.9951% 0.080159 174.616213; + --wa: 70.0817% 0.164909 56.844303; + --er: 53.07% 0.241 24.16; } :root:has(input.theme-controller[value=autumn]:checked) { color-scheme: light; - --b2: 0.891077 0 0; - --b3: 0.824006 0 0; - --bc: 0.191629 0 0; - --pc: 0.881446 0.032232 17.530175; - --sc: 0.123353 0.033821 23.865865; - --ac: 0.146851 0.018999 60.729616; - --nc: 0.908734 0.007475 51.902819; - --inc: 0.138449 0.019596 207.284192; - --suc: 0.12199 0.016032 174.616213; - --wac: 0.140163 0.032982 56.844303; - --erc: 0.90614 0.0482 24.16; + --b2: 89.1077% 0 0; + --b3: 82.4006% 0 0; + --bc: 19.1629% 0 0; + --pc: 88.1446% 0.032232 17.530175; + --sc: 12.3353% 0.033821 23.865865; + --ac: 14.6851% 0.018999 60.729616; + --nc: 90.8734% 0.007475 51.902819; + --inc: 13.8449% 0.019596 207.284192; + --suc: 12.199% 0.016032 174.616213; + --wac: 14.0163% 0.032982 56.844303; + --erc: 90.614% 0.0482 24.16; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2085,45 +2085,45 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.407232 0.16116 17.530175; - --s: 0.616763 0.169105 23.865865; - --a: 0.734253 0.094994 60.729616; - --n: 0.543672 0.037374 51.902819; - --b1: 0.958147 0 0; - --in: 0.692245 0.097979 207.284192; - --su: 0.609951 0.080159 174.616213; - --wa: 0.700817 0.164909 56.844303; - --er: 0.5307 0.241 24.16; + --p: 40.7232% 0.16116 17.530175; + --s: 61.6763% 0.169105 23.865865; + --a: 73.4253% 0.094994 60.729616; + --n: 54.3672% 0.037374 51.902819; + --b1: 95.8147% 0 0; + --in: 69.2245% 0.097979 207.284192; + --su: 60.9951% 0.080159 174.616213; + --wa: 70.0817% 0.164909 56.844303; + --er: 53.07% 0.241 24.16; } [data-theme=business] { color-scheme: dark; - --b2: 0.226487 0 0; - --b3: 0.20944 0 0; - --bc: 0.848707 0 0; - --pc: 0.883407 0.019811 251.473931; - --sc: 0.128185 0.005481 229.389418; - --ac: 0.134542 0.033545 35.791525; - --nc: 0.854882 0.00265 253.041249; - --inc: 0.125233 0.028702 240.033697; - --suc: 0.140454 0.018919 156.59611; - --wac: 0.154965 0.023141 81.519177; - --erc: 0.903221 0.029356 29.674507; + --b2: 22.6487% 0 0; + --b3: 20.944% 0 0; + --bc: 84.8707% 0 0; + --pc: 88.3407% 0.019811 251.473931; + --sc: 12.8185% 0.005481 229.389418; + --ac: 13.4542% 0.033545 35.791525; + --nc: 85.4882% 0.00265 253.041249; + --inc: 12.5233% 0.028702 240.033697; + --suc: 14.0454% 0.018919 156.59611; + --wac: 15.4965% 0.023141 81.519177; + --erc: 90.3221% 0.029356 29.674507; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.417036 0.099057 251.473931; - --s: 0.640924 0.027405 229.389418; - --a: 0.67271 0.167726 35.791525; - --n: 0.27441 0.01325 253.041249; - --b1: 0.243535 0 0; - --in: 0.626163 0.143511 240.033697; - --su: 0.702268 0.094594 156.59611; - --wa: 0.774824 0.115704 81.519177; - --er: 0.516105 0.14678 29.674507; + --p: 41.7036% 0.099057 251.473931; + --s: 64.0924% 0.027405 229.389418; + --a: 67.271% 0.167726 35.791525; + --n: 27.441% 0.01325 253.041249; + --b1: 24.3535% 0 0; + --in: 62.6163% 0.143511 240.033697; + --su: 70.2268% 0.094594 156.59611; + --wa: 77.4824% 0.115704 81.519177; + --er: 51.6105% 0.14678 29.674507; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; @@ -2131,32 +2131,32 @@ html { :root:has(input.theme-controller[value=business]:checked) { color-scheme: dark; - --b2: 0.226487 0 0; - --b3: 0.20944 0 0; - --bc: 0.848707 0 0; - --pc: 0.883407 0.019811 251.473931; - --sc: 0.128185 0.005481 229.389418; - --ac: 0.134542 0.033545 35.791525; - --nc: 0.854882 0.00265 253.041249; - --inc: 0.125233 0.028702 240.033697; - --suc: 0.140454 0.018919 156.59611; - --wac: 0.154965 0.023141 81.519177; - --erc: 0.903221 0.029356 29.674507; + --b2: 22.6487% 0 0; + --b3: 20.944% 0 0; + --bc: 84.8707% 0 0; + --pc: 88.3407% 0.019811 251.473931; + --sc: 12.8185% 0.005481 229.389418; + --ac: 13.4542% 0.033545 35.791525; + --nc: 85.4882% 0.00265 253.041249; + --inc: 12.5233% 0.028702 240.033697; + --suc: 14.0454% 0.018919 156.59611; + --wac: 15.4965% 0.023141 81.519177; + --erc: 90.3221% 0.029356 29.674507; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.417036 0.099057 251.473931; - --s: 0.640924 0.027405 229.389418; - --a: 0.67271 0.167726 35.791525; - --n: 0.27441 0.01325 253.041249; - --b1: 0.243535 0 0; - --in: 0.626163 0.143511 240.033697; - --su: 0.702268 0.094594 156.59611; - --wa: 0.774824 0.115704 81.519177; - --er: 0.516105 0.14678 29.674507; + --p: 41.7036% 0.099057 251.473931; + --s: 64.0924% 0.027405 229.389418; + --a: 67.271% 0.167726 35.791525; + --n: 27.441% 0.01325 253.041249; + --b1: 24.3535% 0 0; + --in: 62.6163% 0.143511 240.033697; + --su: 70.2268% 0.094594 156.59611; + --wa: 77.4824% 0.115704 81.519177; + --er: 51.6105% 0.14678 29.674507; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; @@ -2164,31 +2164,31 @@ html { [data-theme=acid] { color-scheme: light; - --b2: 0.916146 0 0; - --b3: 0.847189 0 0; - --bc: 0.197021 0 0; - --pc: 0.1438 0.0714 330.759573; - --sc: 0.14674 0.0448 48.250878; - --ac: 0.18556 0.0528 122.962951; - --nc: 0.84262 0.0256 278.68; - --inc: 0.12144 0.0454 252.05; - --suc: 0.17144 0.0532 158.53; - --wac: 0.18202 0.0424 100.5; - --erc: 0.12968 0.0586 29.349188; + --b2: 91.6146% 0 0; + --b3: 84.7189% 0 0; + --bc: 19.7021% 0 0; + --pc: 14.38% 0.0714 330.759573; + --sc: 14.674% 0.0448 48.250878; + --ac: 18.556% 0.0528 122.962951; + --nc: 84.262% 0.0256 278.68; + --inc: 12.144% 0.0454 252.05; + --suc: 17.144% 0.0532 158.53; + --wac: 18.202% 0.0424 100.5; + --erc: 12.968% 0.0586 29.349188; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.719 0.357 330.759573; - --s: 0.7337 0.224 48.250878; - --a: 0.9278 0.264 122.962951; - --n: 0.2131 0.128 278.68; - --b1: 0.985104 0 0; - --in: 0.6072 0.227 252.05; - --su: 0.8572 0.266 158.53; - --wa: 0.9101 0.212 100.5; - --er: 0.6484 0.293 29.349188; + --p: 71.9% 0.357 330.759573; + --s: 73.37% 0.224 48.250878; + --a: 92.78% 0.264 122.962951; + --n: 21.31% 0.128 278.68; + --b1: 98.5104% 0 0; + --in: 60.72% 0.227 252.05; + --su: 85.72% 0.266 158.53; + --wa: 91.01% 0.212 100.5; + --er: 64.84% 0.293 29.349188; --rounded-box: 1.25rem; --rounded-btn: 1rem; --rounded-badge: 1rem; @@ -2197,31 +2197,31 @@ html { :root:has(input.theme-controller[value=acid]:checked) { color-scheme: light; - --b2: 0.916146 0 0; - --b3: 0.847189 0 0; - --bc: 0.197021 0 0; - --pc: 0.1438 0.0714 330.759573; - --sc: 0.14674 0.0448 48.250878; - --ac: 0.18556 0.0528 122.962951; - --nc: 0.84262 0.0256 278.68; - --inc: 0.12144 0.0454 252.05; - --suc: 0.17144 0.0532 158.53; - --wac: 0.18202 0.0424 100.5; - --erc: 0.12968 0.0586 29.349188; + --b2: 91.6146% 0 0; + --b3: 84.7189% 0 0; + --bc: 19.7021% 0 0; + --pc: 14.38% 0.0714 330.759573; + --sc: 14.674% 0.0448 48.250878; + --ac: 18.556% 0.0528 122.962951; + --nc: 84.262% 0.0256 278.68; + --inc: 12.144% 0.0454 252.05; + --suc: 17.144% 0.0532 158.53; + --wac: 18.202% 0.0424 100.5; + --erc: 12.968% 0.0586 29.349188; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.719 0.357 330.759573; - --s: 0.7337 0.224 48.250878; - --a: 0.9278 0.264 122.962951; - --n: 0.2131 0.128 278.68; - --b1: 0.985104 0 0; - --in: 0.6072 0.227 252.05; - --su: 0.8572 0.266 158.53; - --wa: 0.9101 0.212 100.5; - --er: 0.6484 0.293 29.349188; + --p: 71.9% 0.357 330.759573; + --s: 73.37% 0.224 48.250878; + --a: 92.78% 0.264 122.962951; + --n: 21.31% 0.128 278.68; + --b1: 98.5104% 0 0; + --in: 60.72% 0.227 252.05; + --su: 85.72% 0.266 158.53; + --wa: 91.01% 0.212 100.5; + --er: 64.84% 0.293 29.349188; --rounded-box: 1.25rem; --rounded-btn: 1rem; --rounded-badge: 1rem; @@ -2230,17 +2230,17 @@ html { [data-theme=lemonade] { color-scheme: light; - --b2: 0.918003 0.0186 123.72; - --b3: 0.848906 0.0172 123.72; - --bc: 0.19742 0.004 123.72; - --pc: 0.11784 0.0398 134.6; - --sc: 0.1555 0.0392 111.09; - --ac: 0.17078 0.0402 100.73; - --nc: 0.86196 0.015 108.6; - --inc: 0.17238 0.0094 224.14; - --suc: 0.17238 0.0094 157.85; - --wac: 0.17238 0.0094 102.15; - --erc: 0.17238 0.0094 25.85; + --b2: 91.8003% 0.0186 123.72; + --b3: 84.8906% 0.0172 123.72; + --bc: 19.742% 0.004 123.72; + --pc: 11.784% 0.0398 134.6; + --sc: 15.55% 0.0392 111.09; + --ac: 17.078% 0.0402 100.73; + --nc: 86.196% 0.015 108.6; + --inc: 17.238% 0.0094 224.14; + --suc: 17.238% 0.0094 157.85; + --wac: 17.238% 0.0094 102.15; + --erc: 17.238% 0.0094 25.85; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2250,30 +2250,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.5892 0.199 134.6; - --s: 0.7775 0.196 111.09; - --a: 0.8539 0.201 100.73; - --n: 0.3098 0.075 108.6; - --b1: 0.9871 0.02 123.72; - --in: 0.8619 0.047 224.14; - --su: 0.8619 0.047 157.85; - --wa: 0.8619 0.047 102.15; - --er: 0.8619 0.047 25.85; + --p: 58.92% 0.199 134.6; + --s: 77.75% 0.196 111.09; + --a: 85.39% 0.201 100.73; + --n: 30.98% 0.075 108.6; + --b1: 98.71% 0.02 123.72; + --in: 86.19% 0.047 224.14; + --su: 86.19% 0.047 157.85; + --wa: 86.19% 0.047 102.15; + --er: 86.19% 0.047 25.85; } :root:has(input.theme-controller[value=lemonade]:checked) { color-scheme: light; - --b2: 0.918003 0.0186 123.72; - --b3: 0.848906 0.0172 123.72; - --bc: 0.19742 0.004 123.72; - --pc: 0.11784 0.0398 134.6; - --sc: 0.1555 0.0392 111.09; - --ac: 0.17078 0.0402 100.73; - --nc: 0.86196 0.015 108.6; - --inc: 0.17238 0.0094 224.14; - --suc: 0.17238 0.0094 157.85; - --wac: 0.17238 0.0094 102.15; - --erc: 0.17238 0.0094 25.85; + --b2: 91.8003% 0.0186 123.72; + --b3: 84.8906% 0.0172 123.72; + --bc: 19.742% 0.004 123.72; + --pc: 11.784% 0.0398 134.6; + --sc: 15.55% 0.0392 111.09; + --ac: 17.078% 0.0402 100.73; + --nc: 86.196% 0.015 108.6; + --inc: 17.238% 0.0094 224.14; + --suc: 17.238% 0.0094 157.85; + --wac: 17.238% 0.0094 102.15; + --erc: 17.238% 0.0094 25.85; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2283,29 +2283,29 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.5892 0.199 134.6; - --s: 0.7775 0.196 111.09; - --a: 0.8539 0.201 100.73; - --n: 0.3098 0.075 108.6; - --b1: 0.9871 0.02 123.72; - --in: 0.8619 0.047 224.14; - --su: 0.8619 0.047 157.85; - --wa: 0.8619 0.047 102.15; - --er: 0.8619 0.047 25.85; + --p: 58.92% 0.199 134.6; + --s: 77.75% 0.196 111.09; + --a: 85.39% 0.201 100.73; + --n: 30.98% 0.075 108.6; + --b1: 98.71% 0.02 123.72; + --in: 86.19% 0.047 224.14; + --su: 86.19% 0.047 157.85; + --wa: 86.19% 0.047 102.15; + --er: 86.19% 0.047 25.85; } [data-theme=night] { color-scheme: dark; - --b2: 0.193144 0.037037 265.754874; - --b3: 0.178606 0.034249 265.754874; - --bc: 0.841536 0.007965 265.754874; - --pc: 0.150703 0.027798 232.66148; - --sc: 0.136023 0.031661 276.934902; - --ac: 0.144721 0.035244 350.048739; - --nc: 0.855899 0.00737 260.030984; - --suc: 0.156904 0.026506 181.911977; - --wac: 0.166486 0.027912 82.95003; - --erc: 0.143572 0.034051 13.11834; + --b2: 19.3144% 0.037037 265.754874; + --b3: 17.8606% 0.034249 265.754874; + --bc: 84.1536% 0.007965 265.754874; + --pc: 15.0703% 0.027798 232.66148; + --sc: 13.6023% 0.031661 276.934902; + --ac: 14.4721% 0.035244 350.048739; + --nc: 85.5899% 0.00737 260.030984; + --suc: 15.6904% 0.026506 181.911977; + --wac: 16.6486% 0.027912 82.95003; + --erc: 14.3572% 0.034051 13.11834; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2315,30 +2315,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.753513 0.138989 232.66148; - --s: 0.680113 0.158303 276.934902; - --a: 0.723603 0.176218 350.048739; - --n: 0.279495 0.036848 260.030984; - --b1: 0.207682 0.039824 265.754874; - --in: 0.684553 0.148062 237.25135; - --inc: 0 0 0; - --su: 0.78452 0.132529 181.911977; - --wa: 0.832428 0.139558 82.95003; - --er: 0.717858 0.170255 13.11834; + --p: 75.3513% 0.138989 232.66148; + --s: 68.0113% 0.158303 276.934902; + --a: 72.3603% 0.176218 350.048739; + --n: 27.9495% 0.036848 260.030984; + --b1: 20.7682% 0.039824 265.754874; + --in: 68.4553% 0.148062 237.25135; + --inc: 0% 0 0; + --su: 78.452% 0.132529 181.911977; + --wa: 83.2428% 0.139558 82.95003; + --er: 71.7858% 0.170255 13.11834; } :root:has(input.theme-controller[value=night]:checked) { color-scheme: dark; - --b2: 0.193144 0.037037 265.754874; - --b3: 0.178606 0.034249 265.754874; - --bc: 0.841536 0.007965 265.754874; - --pc: 0.150703 0.027798 232.66148; - --sc: 0.136023 0.031661 276.934902; - --ac: 0.144721 0.035244 350.048739; - --nc: 0.855899 0.00737 260.030984; - --suc: 0.156904 0.026506 181.911977; - --wac: 0.166486 0.027912 82.95003; - --erc: 0.143572 0.034051 13.11834; + --b2: 19.3144% 0.037037 265.754874; + --b3: 17.8606% 0.034249 265.754874; + --bc: 84.1536% 0.007965 265.754874; + --pc: 15.0703% 0.027798 232.66148; + --sc: 13.6023% 0.031661 276.934902; + --ac: 14.4721% 0.035244 350.048739; + --nc: 85.5899% 0.00737 260.030984; + --suc: 15.6904% 0.026506 181.911977; + --wac: 16.6486% 0.027912 82.95003; + --erc: 14.3572% 0.034051 13.11834; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2348,30 +2348,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.753513 0.138989 232.66148; - --s: 0.680113 0.158303 276.934902; - --a: 0.723603 0.176218 350.048739; - --n: 0.279495 0.036848 260.030984; - --b1: 0.207682 0.039824 265.754874; - --in: 0.684553 0.148062 237.25135; - --inc: 0 0 0; - --su: 0.78452 0.132529 181.911977; - --wa: 0.832428 0.139558 82.95003; - --er: 0.717858 0.170255 13.11834; + --p: 75.3513% 0.138989 232.66148; + --s: 68.0113% 0.158303 276.934902; + --a: 72.3603% 0.176218 350.048739; + --n: 27.9495% 0.036848 260.030984; + --b1: 20.7682% 0.039824 265.754874; + --in: 68.4553% 0.148062 237.25135; + --inc: 0% 0 0; + --su: 78.452% 0.132529 181.911977; + --wa: 83.2428% 0.139558 82.95003; + --er: 71.7858% 0.170255 13.11834; } [data-theme=coffee] { color-scheme: dark; - --b2: 0.201585 0.021457 329.708637; - --b3: 0.186412 0.019842 329.708637; - --pc: 0.143993 0.024765 62.756393; - --sc: 0.86893 0.00597 199.19444; - --ac: 0.885243 0.014881 224.389184; - --nc: 0.833022 0.003149 326.261446; - --inc: 0.15898 0.012774 184.558367; - --suc: 0.149445 0.014491 131.116276; - --wac: 0.176301 0.028162 87.722413; - --erc: 0.154637 0.025644 31.871922; + --b2: 20.1585% 0.021457 329.708637; + --b3: 18.6412% 0.019842 329.708637; + --pc: 14.3993% 0.024765 62.756393; + --sc: 86.893% 0.00597 199.19444; + --ac: 88.5243% 0.014881 224.389184; + --nc: 83.3022% 0.003149 326.261446; + --inc: 15.898% 0.012774 184.558367; + --suc: 14.9445% 0.014491 131.116276; + --wac: 17.6301% 0.028162 87.722413; + --erc: 15.4637% 0.025644 31.871922; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2381,30 +2381,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.719967 0.123825 62.756393; - --s: 0.34465 0.029849 199.19444; - --a: 0.426213 0.074405 224.389184; - --n: 0.165109 0.015743 326.261446; - --b1: 0.216758 0.023072 329.708637; - --bc: 0.723547 0.092794 79.129387; - --in: 0.794902 0.063869 184.558367; - --su: 0.747224 0.072456 131.116276; - --wa: 0.881503 0.140812 87.722413; - --er: 0.773187 0.12822 31.871922; + --p: 71.9967% 0.123825 62.756393; + --s: 34.465% 0.029849 199.19444; + --a: 42.6213% 0.074405 224.389184; + --n: 16.5109% 0.015743 326.261446; + --b1: 21.6758% 0.023072 329.708637; + --bc: 72.3547% 0.092794 79.129387; + --in: 79.4902% 0.063869 184.558367; + --su: 74.7224% 0.072456 131.116276; + --wa: 88.1503% 0.140812 87.722413; + --er: 77.3187% 0.12822 31.871922; } :root:has(input.theme-controller[value=coffee]:checked) { color-scheme: dark; - --b2: 0.201585 0.021457 329.708637; - --b3: 0.186412 0.019842 329.708637; - --pc: 0.143993 0.024765 62.756393; - --sc: 0.86893 0.00597 199.19444; - --ac: 0.885243 0.014881 224.389184; - --nc: 0.833022 0.003149 326.261446; - --inc: 0.15898 0.012774 184.558367; - --suc: 0.149445 0.014491 131.116276; - --wac: 0.176301 0.028162 87.722413; - --erc: 0.154637 0.025644 31.871922; + --b2: 20.1585% 0.021457 329.708637; + --b3: 18.6412% 0.019842 329.708637; + --pc: 14.3993% 0.024765 62.756393; + --sc: 86.893% 0.00597 199.19444; + --ac: 88.5243% 0.014881 224.389184; + --nc: 83.3022% 0.003149 326.261446; + --inc: 15.898% 0.012774 184.558367; + --suc: 14.9445% 0.014491 131.116276; + --wac: 17.6301% 0.028162 87.722413; + --erc: 15.4637% 0.025644 31.871922; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2414,28 +2414,28 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.719967 0.123825 62.756393; - --s: 0.34465 0.029849 199.19444; - --a: 0.426213 0.074405 224.389184; - --n: 0.165109 0.015743 326.261446; - --b1: 0.216758 0.023072 329.708637; - --bc: 0.723547 0.092794 79.129387; - --in: 0.794902 0.063869 184.558367; - --su: 0.747224 0.072456 131.116276; - --wa: 0.881503 0.140812 87.722413; - --er: 0.773187 0.12822 31.871922; + --p: 71.9967% 0.123825 62.756393; + --s: 34.465% 0.029849 199.19444; + --a: 42.6213% 0.074405 224.389184; + --n: 16.5109% 0.015743 326.261446; + --b1: 21.6758% 0.023072 329.708637; + --bc: 72.3547% 0.092794 79.129387; + --in: 79.4902% 0.063869 184.558367; + --su: 74.7224% 0.072456 131.116276; + --wa: 88.1503% 0.140812 87.722413; + --er: 77.3187% 0.12822 31.871922; } [data-theme=winter] { color-scheme: light; - --pc: 0.91372 0.051 257.57; - --sc: 0.885103 0.03222 282.339433; - --ac: 0.11988 0.038303 335.171434; - --nc: 0.839233 0.012704 257.651965; - --inc: 0.176255 0.017178 214.515264; - --suc: 0.160988 0.015404 197.823719; - --wac: 0.178345 0.009167 71.47031; - --erc: 0.146185 0.022037 20.076293; + --pc: 91.372% 0.051 257.57; + --sc: 88.5103% 0.03222 282.339433; + --ac: 11.988% 0.038303 335.171434; + --nc: 83.9233% 0.012704 257.651965; + --inc: 17.6255% 0.017178 214.515264; + --suc: 16.0988% 0.015404 197.823719; + --wac: 17.8345% 0.009167 71.47031; + --erc: 14.6185% 0.022037 20.076293; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2445,30 +2445,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.5686 0.255 257.57; - --s: 0.425516 0.161098 282.339433; - --a: 0.599398 0.191515 335.171434; - --n: 0.196166 0.063518 257.651965; - --b1: 1 0 0; - --b2: 0.974663 0.011947 259.822565; - --b3: 0.932686 0.016223 262.751375; - --bc: 0.418869 0.053885 255.824911; - --in: 0.881275 0.085888 214.515264; - --su: 0.804941 0.077019 197.823719; - --wa: 0.891725 0.045833 71.47031; - --er: 0.730926 0.110185 20.076293; + --p: 56.86% 0.255 257.57; + --s: 42.5516% 0.161098 282.339433; + --a: 59.9398% 0.191515 335.171434; + --n: 19.6166% 0.063518 257.651965; + --b1: 100% 0 0; + --b2: 97.4663% 0.011947 259.822565; + --b3: 93.2686% 0.016223 262.751375; + --bc: 41.8869% 0.053885 255.824911; + --in: 88.1275% 0.085888 214.515264; + --su: 80.4941% 0.077019 197.823719; + --wa: 89.1725% 0.045833 71.47031; + --er: 73.0926% 0.110185 20.076293; } :root:has(input.theme-controller[value=winter]:checked) { color-scheme: light; - --pc: 0.91372 0.051 257.57; - --sc: 0.885103 0.03222 282.339433; - --ac: 0.11988 0.038303 335.171434; - --nc: 0.839233 0.012704 257.651965; - --inc: 0.176255 0.017178 214.515264; - --suc: 0.160988 0.015404 197.823719; - --wac: 0.178345 0.009167 71.47031; - --erc: 0.146185 0.022037 20.076293; + --pc: 91.372% 0.051 257.57; + --sc: 88.5103% 0.03222 282.339433; + --ac: 11.988% 0.038303 335.171434; + --nc: 83.9233% 0.012704 257.651965; + --inc: 17.6255% 0.017178 214.515264; + --suc: 16.0988% 0.015404 197.823719; + --wac: 17.8345% 0.009167 71.47031; + --erc: 14.6185% 0.022037 20.076293; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2478,29 +2478,29 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.5686 0.255 257.57; - --s: 0.425516 0.161098 282.339433; - --a: 0.599398 0.191515 335.171434; - --n: 0.196166 0.063518 257.651965; - --b1: 1 0 0; - --b2: 0.974663 0.011947 259.822565; - --b3: 0.932686 0.016223 262.751375; - --bc: 0.418869 0.053885 255.824911; - --in: 0.881275 0.085888 214.515264; - --su: 0.804941 0.077019 197.823719; - --wa: 0.891725 0.045833 71.47031; - --er: 0.730926 0.110185 20.076293; + --p: 56.86% 0.255 257.57; + --s: 42.5516% 0.161098 282.339433; + --a: 59.9398% 0.191515 335.171434; + --n: 19.6166% 0.063518 257.651965; + --b1: 100% 0 0; + --b2: 97.4663% 0.011947 259.822565; + --b3: 93.2686% 0.016223 262.751375; + --bc: 41.8869% 0.053885 255.824911; + --in: 88.1275% 0.085888 214.515264; + --su: 80.4941% 0.077019 197.823719; + --wa: 89.1725% 0.045833 71.47031; + --er: 73.0926% 0.110185 20.076293; } [data-theme=dim] { color-scheme: dark; - --pc: 0.172267 0.028331 139.549991; - --sc: 0.146752 0.033181 35.353059; - --ac: 0.148459 0.026728 311.37924; - --inc: 0.172157 0.028409 206.182959; - --suc: 0.172343 0.028437 166.534048; - --wac: 0.172327 0.028447 94.818679; - --erc: 0.164838 0.019914 33.756357; + --pc: 17.2267% 0.028331 139.549991; + --sc: 14.6752% 0.033181 35.353059; + --ac: 14.8459% 0.026728 311.37924; + --inc: 17.2157% 0.028409 206.182959; + --suc: 17.2343% 0.028437 166.534048; + --wac: 17.2327% 0.028447 94.818679; + --erc: 16.4838% 0.019914 33.756357; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2510,30 +2510,30 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.861335 0.141656 139.549991; - --s: 0.733759 0.165904 35.353059; - --a: 0.742296 0.133641 311.37924; - --n: 0.247311 0.020483 264.094728; - --nc: 0.829011 0.031335 222.959324; - --b1: 0.308577 0.023243 264.149498; - --b2: 0.280368 0.01983 264.182074; - --b3: 0.263469 0.018403 262.177739; - --bc: 0.829011 0.031335 222.959324; - --in: 0.860785 0.142046 206.182959; - --su: 0.861717 0.142187 166.534048; - --wa: 0.861634 0.142236 94.818679; - --er: 0.824189 0.09957 33.756357; + --p: 86.1335% 0.141656 139.549991; + --s: 73.3759% 0.165904 35.353059; + --a: 74.2296% 0.133641 311.37924; + --n: 24.7311% 0.020483 264.094728; + --nc: 82.9011% 0.031335 222.959324; + --b1: 30.8577% 0.023243 264.149498; + --b2: 28.0368% 0.01983 264.182074; + --b3: 26.3469% 0.018403 262.177739; + --bc: 82.9011% 0.031335 222.959324; + --in: 86.0785% 0.142046 206.182959; + --su: 86.1717% 0.142187 166.534048; + --wa: 86.1634% 0.142236 94.818679; + --er: 82.4189% 0.09957 33.756357; } :root:has(input.theme-controller[value=dim]:checked) { color-scheme: dark; - --pc: 0.172267 0.028331 139.549991; - --sc: 0.146752 0.033181 35.353059; - --ac: 0.148459 0.026728 311.37924; - --inc: 0.172157 0.028409 206.182959; - --suc: 0.172343 0.028437 166.534048; - --wac: 0.172327 0.028447 94.818679; - --erc: 0.164838 0.019914 33.756357; + --pc: 17.2267% 0.028331 139.549991; + --sc: 14.6752% 0.033181 35.353059; + --ac: 14.8459% 0.026728 311.37924; + --inc: 17.2157% 0.028409 206.182959; + --suc: 17.2343% 0.028437 166.534048; + --wac: 17.2327% 0.028447 94.818679; + --erc: 16.4838% 0.019914 33.756357; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; @@ -2543,48 +2543,48 @@ html { --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; - --p: 0.861335 0.141656 139.549991; - --s: 0.733759 0.165904 35.353059; - --a: 0.742296 0.133641 311.37924; - --n: 0.247311 0.020483 264.094728; - --nc: 0.829011 0.031335 222.959324; - --b1: 0.308577 0.023243 264.149498; - --b2: 0.280368 0.01983 264.182074; - --b3: 0.263469 0.018403 262.177739; - --bc: 0.829011 0.031335 222.959324; - --in: 0.860785 0.142046 206.182959; - --su: 0.861717 0.142187 166.534048; - --wa: 0.861634 0.142236 94.818679; - --er: 0.824189 0.09957 33.756357; + --p: 86.1335% 0.141656 139.549991; + --s: 73.3759% 0.165904 35.353059; + --a: 74.2296% 0.133641 311.37924; + --n: 24.7311% 0.020483 264.094728; + --nc: 82.9011% 0.031335 222.959324; + --b1: 30.8577% 0.023243 264.149498; + --b2: 28.0368% 0.01983 264.182074; + --b3: 26.3469% 0.018403 262.177739; + --bc: 82.9011% 0.031335 222.959324; + --in: 86.0785% 0.142046 206.182959; + --su: 86.1717% 0.142187 166.534048; + --wa: 86.1634% 0.142236 94.818679; + --er: 82.4189% 0.09957 33.756357; } [data-theme=nord] { color-scheme: light; - --pc: 0.118872 0.015449 254.027774; - --sc: 0.139303 0.011822 248.687186; - --ac: 0.154929 0.01245 217.469017; - --inc: 0.138414 0.012499 332.664922; - --suc: 0.153654 0.01498 131.063061; - --wac: 0.170972 0.017847 84.093335; - --erc: 0.12122 0.024119 15.341883; + --pc: 11.8872% 0.015449 254.027774; + --sc: 13.9303% 0.011822 248.687186; + --ac: 15.4929% 0.01245 217.469017; + --inc: 13.8414% 0.012499 332.664922; + --suc: 15.3654% 0.01498 131.063061; + --wac: 17.0972% 0.017847 84.093335; + --erc: 12.122% 0.024119 15.341883; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.594359 0.077246 254.027774; - --s: 0.696516 0.059108 248.687186; - --a: 0.774643 0.062249 217.469017; - --n: 0.45229 0.035214 264.1312; - --nc: 0.899258 0.016374 262.749256; - --b1: 0.951276 0.007445 260.731539; - --b2: 0.932996 0.010389 261.788485; - --b3: 0.899258 0.016374 262.749256; - --bc: 0.324374 0.022945 264.182036; - --in: 0.692072 0.062496 332.664922; - --su: 0.76827 0.074899 131.063061; - --wa: 0.854862 0.089234 84.093335; - --er: 0.6061 0.120594 15.341883; + --p: 59.4359% 0.077246 254.027774; + --s: 69.6516% 0.059108 248.687186; + --a: 77.4643% 0.062249 217.469017; + --n: 45.229% 0.035214 264.1312; + --nc: 89.9258% 0.016374 262.749256; + --b1: 95.1276% 0.007445 260.731539; + --b2: 93.2996% 0.010389 261.788485; + --b3: 89.9258% 0.016374 262.749256; + --bc: 32.4374% 0.022945 264.182036; + --in: 69.2072% 0.062496 332.664922; + --su: 76.827% 0.074899 131.063061; + --wa: 85.4862% 0.089234 84.093335; + --er: 60.61% 0.120594 15.341883; --rounded-box: 0.4rem; --rounded-btn: 0.2rem; --rounded-badge: 0.4rem; @@ -2593,31 +2593,31 @@ html { :root:has(input.theme-controller[value=nord]:checked) { color-scheme: light; - --pc: 0.118872 0.015449 254.027774; - --sc: 0.139303 0.011822 248.687186; - --ac: 0.154929 0.01245 217.469017; - --inc: 0.138414 0.012499 332.664922; - --suc: 0.153654 0.01498 131.063061; - --wac: 0.170972 0.017847 84.093335; - --erc: 0.12122 0.024119 15.341883; + --pc: 11.8872% 0.015449 254.027774; + --sc: 13.9303% 0.011822 248.687186; + --ac: 15.4929% 0.01245 217.469017; + --inc: 13.8414% 0.012499 332.664922; + --suc: 15.3654% 0.01498 131.063061; + --wac: 17.0972% 0.017847 84.093335; + --erc: 12.122% 0.024119 15.341883; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.594359 0.077246 254.027774; - --s: 0.696516 0.059108 248.687186; - --a: 0.774643 0.062249 217.469017; - --n: 0.45229 0.035214 264.1312; - --nc: 0.899258 0.016374 262.749256; - --b1: 0.951276 0.007445 260.731539; - --b2: 0.932996 0.010389 261.788485; - --b3: 0.899258 0.016374 262.749256; - --bc: 0.324374 0.022945 264.182036; - --in: 0.692072 0.062496 332.664922; - --su: 0.76827 0.074899 131.063061; - --wa: 0.854862 0.089234 84.093335; - --er: 0.6061 0.120594 15.341883; + --p: 59.4359% 0.077246 254.027774; + --s: 69.6516% 0.059108 248.687186; + --a: 77.4643% 0.062249 217.469017; + --n: 45.229% 0.035214 264.1312; + --nc: 89.9258% 0.016374 262.749256; + --b1: 95.1276% 0.007445 260.731539; + --b2: 93.2996% 0.010389 261.788485; + --b3: 89.9258% 0.016374 262.749256; + --bc: 32.4374% 0.022945 264.182036; + --in: 69.2072% 0.062496 332.664922; + --su: 76.827% 0.074899 131.063061; + --wa: 85.4862% 0.089234 84.093335; + --er: 60.61% 0.120594 15.341883; --rounded-box: 0.4rem; --rounded-btn: 0.2rem; --rounded-badge: 0.4rem; @@ -2626,31 +2626,31 @@ html { [data-theme=sunset] { color-scheme: dark; - --pc: 0.149408 0.031656 39.94703; - --sc: 0.145075 0.035531 2.72034; - --ac: 0.142589 0.033336 299.844533; - --inc: 0.171119 0.017054 206.015183; - --suc: 0.171122 0.017172 144.77874; - --wac: 0.171139 0.016961 74.427797; - --erc: 0.171023 0.015778 16.886379; + --pc: 14.9408% 0.031656 39.94703; + --sc: 14.5075% 0.035531 2.72034; + --ac: 14.2589% 0.033336 299.844533; + --inc: 17.1119% 0.017054 206.015183; + --suc: 17.1122% 0.017172 144.77874; + --wac: 17.1139% 0.016961 74.427797; + --erc: 17.1023% 0.015778 16.886379; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.747039 0.158278 39.94703; - --s: 0.725375 0.177654 2.72034; - --a: 0.712947 0.166678 299.844533; - --n: 0.26 0.019 237.69; - --nc: 0.7 0.019 237.69; - --b1: 0.22 0.019 237.69; - --b2: 0.2 0.019 237.69; - --b3: 0.18 0.019 237.69; - --bc: 0.773835 0.043586 245.096534; - --in: 0.855596 0.085271 206.015183; - --su: 0.855609 0.08586 144.77874; - --wa: 0.855695 0.084806 74.427797; - --er: 0.855116 0.07889 16.886379; + --p: 74.7039% 0.158278 39.94703; + --s: 72.5375% 0.177654 2.72034; + --a: 71.2947% 0.166678 299.844533; + --n: 26% 0.019 237.69; + --nc: 70% 0.019 237.69; + --b1: 22% 0.019 237.69; + --b2: 20% 0.019 237.69; + --b3: 18% 0.019 237.69; + --bc: 77.3835% 0.043586 245.096534; + --in: 85.5596% 0.085271 206.015183; + --su: 85.5609% 0.08586 144.77874; + --wa: 85.5695% 0.084806 74.427797; + --er: 85.5116% 0.07889 16.886379; --rounded-box: 1.2rem; --rounded-btn: 0.8rem; --rounded-badge: 0.4rem; @@ -2659,31 +2659,31 @@ html { :root:has(input.theme-controller[value=sunset]:checked) { color-scheme: dark; - --pc: 0.149408 0.031656 39.94703; - --sc: 0.145075 0.035531 2.72034; - --ac: 0.142589 0.033336 299.844533; - --inc: 0.171119 0.017054 206.015183; - --suc: 0.171122 0.017172 144.77874; - --wac: 0.171139 0.016961 74.427797; - --erc: 0.171023 0.015778 16.886379; + --pc: 14.9408% 0.031656 39.94703; + --sc: 14.5075% 0.035531 2.72034; + --ac: 14.2589% 0.033336 299.844533; + --inc: 17.1119% 0.017054 206.015183; + --suc: 17.1122% 0.017172 144.77874; + --wac: 17.1139% 0.016961 74.427797; + --erc: 17.1023% 0.015778 16.886379; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; - --p: 0.747039 0.158278 39.94703; - --s: 0.725375 0.177654 2.72034; - --a: 0.712947 0.166678 299.844533; - --n: 0.26 0.019 237.69; - --nc: 0.7 0.019 237.69; - --b1: 0.22 0.019 237.69; - --b2: 0.2 0.019 237.69; - --b3: 0.18 0.019 237.69; - --bc: 0.773835 0.043586 245.096534; - --in: 0.855596 0.085271 206.015183; - --su: 0.855609 0.08586 144.77874; - --wa: 0.855695 0.084806 74.427797; - --er: 0.855116 0.07889 16.886379; + --p: 74.7039% 0.158278 39.94703; + --s: 72.5375% 0.177654 2.72034; + --a: 71.2947% 0.166678 299.844533; + --n: 26% 0.019 237.69; + --nc: 70% 0.019 237.69; + --b1: 22% 0.019 237.69; + --b2: 20% 0.019 237.69; + --b3: 18% 0.019 237.69; + --bc: 77.3835% 0.043586 245.096534; + --in: 85.5596% 0.085271 206.015183; + --su: 85.5609% 0.08586 144.77874; + --wa: 85.5695% 0.084806 74.427797; + --er: 85.5116% 0.07889 16.886379; --rounded-box: 1.2rem; --rounded-btn: 0.8rem; --rounded-badge: 0.4rem; @@ -2796,8 +2796,8 @@ html { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); } - .menu li > *:not(ul):not(.menu-title):not(details):active, -.menu li > *:not(ul):not(.menu-title):not(details).active, + .menu li > *:not(ul, .menu-title, details, .btn):active, +.menu li > *:not(ul, .menu-title, details, .btn).active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); @@ -2809,8 +2809,7 @@ html { --tw-text-opacity: 1; } - .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover, - .tabs-boxed :is(input:checked):hover { + .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); } @@ -2848,7 +2847,6 @@ html { transition-duration: 200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); border-width: var(--border-btn, 1px); - animation: button-pop var(--animation-btn, 0.25s) ease-out; transition-property: color, background-color, border-color, opacity, box-shadow, transform; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); @@ -3126,7 +3124,7 @@ html { } } - @supports not (color: oklch(0 0 0)) { + @supports not (color: oklch(0% 0 0)) { .btn:hover { background-color: var(--btn-color, var(--fallback-b2)); border-color: var(--btn-color, var(--fallback-b2)); @@ -3142,7 +3140,7 @@ html { border-color: transparent; } - @supports (color: oklch(0 0 0)) { + @supports (color: oklch(0% 0 0)) { .btn-ghost:hover { background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); } @@ -3243,14 +3241,14 @@ html { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { + :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; } - @supports (color: oklch(0 0 0)) { - :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { + @supports (color: oklch(0% 0 0)) { + :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); } } @@ -3298,6 +3296,19 @@ html { background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); } +.input[type="number"]::-webkit-inner-spin-button, +.input-md[type="number"]::-webkit-inner-spin-button { + margin-top: -1rem; + margin-bottom: -1rem; + margin-inline-end: -1rem; +} + +.input-sm[type="number"]::-webkit-inner-spin-button { + margin-top: 0px; + margin-bottom: 0px; + margin-inline-end: -0px; +} + .join .dropdown .join-item:first-child:not(:last-child), .join *:first-child:not(:last-child) .dropdown .join-item { border-start-end-radius: inherit; @@ -3325,8 +3336,7 @@ html { padding-inline-start: 0.5rem; } -.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), - .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { +.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { display: grid; grid-auto-flow: column; align-content: flex-start; @@ -3401,6 +3411,7 @@ html { :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { overflow: hidden; + scrollbar-gutter: stable; } .radio { @@ -3423,8 +3434,7 @@ html { align-items: flex-end; } -.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active), - .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) { +.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) { border-bottom-color: transparent; } @@ -3474,7 +3484,7 @@ html { } input.tab:checked + .tab-content, -.tab-active + .tab-content { +:is(.tab-active, [aria-selected="true"]) + .tab-content { display: block; } @@ -3556,13 +3566,19 @@ input.tab:checked + .tab-content, line-height: 1.5rem; } +@media (prefers-reduced-motion: no-preference) { + .btn { + animation: button-pop var(--animation-btn, 0.25s) ease-out; + } +} + .btn:active:hover, .btn:active:focus { animation: button-pop 0s ease-out; transform: scale(var(--btn-focus-scale, 0.97)); } -@supports not (color: oklch(0 0 0)) { +@supports not (color: oklch(0% 0 0)) { .btn { background-color: var(--btn-color, var(--fallback-b2)); border-color: var(--btn-color, var(--fallback-b2)); @@ -3637,7 +3653,7 @@ input.tab:checked + .tab-content, outline-color: var(--fallback-p,oklch(var(--p)/1)); } -@supports (color: oklch(0 0 0)) { +@supports (color: oklch(0% 0 0)) { .btn-primary { --btn-color: var(--p); } @@ -3868,8 +3884,16 @@ input.tab:checked + .tab-content, outline-color: var(--fallback-bc,oklch(var(--bc)/1)); } +.checkbox:disabled { + border-width: 0px; + cursor: not-allowed; + border-color: transparent; + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + opacity: 0.2; +} + .checkbox:checked, - .checkbox[checked="true"], .checkbox[aria-checked="true"] { background-repeat: no-repeat; animation: checkmark var(--animation-input, 0.2s) ease-out; @@ -3897,14 +3921,6 @@ input.tab:checked + .tab-content, linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%); } -.checkbox:disabled { - cursor: not-allowed; - border-color: transparent; - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.2; -} - @keyframes checkmark { 0% { background-position-y: 5px; @@ -3963,7 +3979,7 @@ details.collapse summary::-webkit-details-marker { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; - top: 50%; + top: 1.9rem; inset-inline-end: 1.4rem; content: ""; transform-origin: 75% 75%; @@ -4051,6 +4067,12 @@ details.collapse summary::-webkit-details-marker { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.input input { + --tw-bg-opacity: 1; + background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); + background-color: transparent; +} + .input input:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -4086,7 +4108,8 @@ details.collapse summary::-webkit-details-marker { outline-color: var(--fallback-p,oklch(var(--p)/1)); } -.input-disabled, +.input:has(> input[disabled]), + .input-disabled, .input:disabled, .input[disabled] { cursor: not-allowed; @@ -4097,18 +4120,23 @@ details.collapse summary::-webkit-details-marker { color: var(--fallback-bc,oklch(var(--bc)/0.4)); } -.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { +.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; } -.input-disabled::placeholder, +.input:has(> input[disabled])::placeholder, + .input-disabled::placeholder, .input:disabled::placeholder, .input[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; } +.input:has(> input[disabled]) > input[disabled] { + cursor: not-allowed; +} + .input::-webkit-date-and-time-value { text-align: inherit; } @@ -4143,7 +4171,7 @@ details.collapse summary::-webkit-details-marker { content: ""; } -.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), +.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn, 0.5rem); padding-left: 1rem; @@ -4160,12 +4188,7 @@ details.collapse summary::-webkit-details-marker { text-wrap: balance; } -:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus, - :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus, - :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible, - :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus, - :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus, - :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible { +:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible { cursor: pointer; background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); --tw-text-opacity: 1; @@ -4174,8 +4197,8 @@ details.collapse summary::-webkit-details-marker { outline-offset: 2px; } -.menu li > *:not(ul):not(.menu-title):not(details):active, -.menu li > *:not(ul):not(.menu-title):not(details).active, +.menu li > *:not(ul, .menu-title, details, .btn):active, +.menu li > *:not(ul, .menu-title, details, .btn).active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); @@ -4356,8 +4379,7 @@ details.collapse summary::-webkit-details-marker { border-end-start-radius: 0; } -.tab.tab-active:not(.tab-disabled):not([disabled]), - .tab:is(input:checked) { +.tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) { border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 1; --tw-text-opacity: 1; @@ -4398,8 +4420,7 @@ details.collapse summary::-webkit-details-marker { padding-top: var(--tab-border, 1px); } -.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]), - .tabs-lifted > .tab:is(input:checked) { +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { background-color: var(--tab-bg); border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); border-inline-start-color: var(--tab-border-color); @@ -4411,7 +4432,7 @@ details.collapse summary::-webkit-details-marker { padding-top: 0; } -.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before { +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before { z-index: 1; content: ""; display: block; @@ -4441,30 +4462,30 @@ details.collapse summary::-webkit-details-marker { background-image: var(--radius-start), var(--radius-end); } -.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before { +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before { background-image: var(--radius-end); background-position: top right; } -[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before { +[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before { background-image: var(--radius-start); background-position: top left; } -.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before { +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before { background-image: var(--radius-start); background-position: top left; } -[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before { +[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted - > .tab-active:not(.tab-disabled):not([disabled]) + > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]) + .tabs-lifted - .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before { + :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before { background-image: var(--radius-end); background-position: top right; } @@ -4480,8 +4501,7 @@ details.collapse summary::-webkit-details-marker { border-radius: var(--rounded-btn, 0.5rem); } -.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]), - .tabs-boxed :is(input:checked) { +.tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; @@ -4514,8 +4534,7 @@ details.collapse summary::-webkit-details-marker { background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); } -.table :where(thead, tbody) :where(tr:not(:last-child)), - .table :where(thead, tbody) :where(tr:first-child:last-child) { +.table :where(thead tr, tbody tr:not(:last-child),tbody tr:first-child:last-child) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); @@ -4529,6 +4548,12 @@ details.collapse summary::-webkit-details-marker { color: var(--fallback-bc,oklch(var(--bc)/0.6)); } +.table :where(tfoot) { + border-top-width: 1px; + --tw-border-opacity: 1; + border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); +} + @keyframes toast-pop { 0% { transform: scale(0.9); @@ -4557,7 +4582,6 @@ details.collapse summary::-webkit-details-marker { } .toggle:checked, - .toggle[checked="true"], .toggle[aria-checked="true"] { background-image: none; --handleoffsetcalculator: var(--handleoffset); @@ -4565,7 +4589,7 @@ details.collapse summary::-webkit-details-marker { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); } -[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] { +[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] { --handleoffsetcalculator: calc(var(--handleoffset) * -1); } @@ -5618,7 +5642,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports not (color: oklch(0 0 0)) { +@supports not (color: oklch(0% 0 0)) { .hover\:btn-accent:hover { --btn-color: var(--fallback-a); } @@ -5640,7 +5664,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports (color: oklch(0 0 0)) { +@supports (color: oklch(0% 0 0)) { .hover\:btn-accent:hover { --btn-color: var(--a); } @@ -5732,7 +5756,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports not (color: oklch(0 0 0)) { +@supports not (color: oklch(0% 0 0)) { .has-\[\:checked\]\:btn-accent:has(:checked) { --btn-color: var(--fallback-a); } @@ -5754,7 +5778,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports (color: oklch(0 0 0)) { +@supports (color: oklch(0% 0 0)) { .has-\[\:checked\]\:btn-accent:has(:checked) { --btn-color: var(--a); } @@ -5846,7 +5870,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports not (color: oklch(0 0 0)) { +@supports not (color: oklch(0% 0 0)) { .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { --btn-color: var(--fallback-a); } @@ -5868,7 +5892,7 @@ details.collapse summary::-webkit-details-marker { } } -@supports (color: oklch(0 0 0)) { +@supports (color: oklch(0% 0 0)) { .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { --btn-color: var(--a); } diff --git a/public/styles/index.css b/public/styles/index.css new file mode 100644 index 0000000..6c1e9c9 --- /dev/null +++ b/public/styles/index.css @@ -0,0 +1,6010 @@ +/* +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com +*/ + +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ + +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + +:root, +[data-theme] { + background-color: var(--fallback-b1,oklch(var(--b1)/1)); + color: var(--fallback-bc,oklch(var(--bc)/1)); +} + +@supports not (color: oklch(0% 0 0)) { + :root { + color-scheme: light; + --fallback-p: #491eff; + --fallback-pc: #d4dbff; + --fallback-s: #ff41c7; + --fallback-sc: #fff9fc; + --fallback-a: #00cfbd; + --fallback-ac: #00100d; + --fallback-n: #2b3440; + --fallback-nc: #d7dde4; + --fallback-b1: #ffffff; + --fallback-b2: #e5e6e6; + --fallback-b3: #e5e6e6; + --fallback-bc: #1f2937; + --fallback-in: #00b3f0; + --fallback-inc: #000000; + --fallback-su: #00ca92; + --fallback-suc: #000000; + --fallback-wa: #ffc22d; + --fallback-wac: #000000; + --fallback-er: #ff6f70; + --fallback-erc: #000000; + } + + @media (prefers-color-scheme: dark) { + :root { + color-scheme: dark; + --fallback-p: #7582ff; + --fallback-pc: #050617; + --fallback-s: #ff71cf; + --fallback-sc: #190211; + --fallback-a: #00c7b5; + --fallback-ac: #000e0c; + --fallback-n: #2a323c; + --fallback-nc: #a6adbb; + --fallback-b1: #1d232a; + --fallback-b2: #191e24; + --fallback-b3: #15191e; + --fallback-bc: #a6adbb; + --fallback-in: #00b3f0; + --fallback-inc: #000000; + --fallback-su: #00ca92; + --fallback-suc: #000000; + --fallback-wa: #ffc22d; + --fallback-wac: #000000; + --fallback-er: #ff6f70; + --fallback-erc: #000000; + } + } +} + +html { + -webkit-tap-highlight-color: transparent; +} + +:root { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; +} + +@media (prefers-color-scheme: dark) { + :root { + color-scheme: dark; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; + } +} + +[data-theme=light] { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; +} + +:root:has(input.theme-controller[value=light]:checked) { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 89.824% 0.06192 275.75; + --ac: 15.352% 0.0368 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 49.12% 0.3096 275.75; + --s: 69.71% 0.329 342.55; + --sc: 98.71% 0.0106 342.55; + --a: 76.76% 0.184 183.61; + --n: 32.1785% 0.02476 255.701624; + --nc: 89.4994% 0.011585 252.096176; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.4169% 0.00108 197.137559; + --bc: 27.8078% 0.029596 256.847952; +} + +[data-theme=dark] { + color-scheme: dark; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; +} + +:root:has(input.theme-controller[value=dark]:checked) { + color-scheme: dark; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 13.138% 0.0392 275.75; + --sc: 14.96% 0.052 342.55; + --ac: 14.902% 0.0334 183.61; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 65.69% 0.196 275.75; + --s: 74.8% 0.26 342.55; + --a: 74.51% 0.167 183.61; + --n: 31.3815% 0.021108 254.139175; + --nc: 74.6477% 0.0216 264.435964; + --b1: 25.3267% 0.015896 252.417568; + --b2: 23.2607% 0.013807 253.100675; + --b3: 21.1484% 0.01165 254.087939; + --bc: 74.6477% 0.0216 264.435964; +} + +[data-theme=cupcake] { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 15.2344% 0.017892 200.026556; + --sc: 15.787% 0.020249 356.29965; + --ac: 15.8762% 0.029206 78.618794; + --nc: 84.7148% 0.013247 313.189598; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --p: 76.172% 0.089459 200.026556; + --s: 78.9351% 0.101246 356.29965; + --a: 79.3811% 0.146032 78.618794; + --n: 23.5742% 0.066235 313.189598; + --b1: 97.7882% 0.00418 56.375637; + --b2: 93.9822% 0.007638 61.449292; + --b3: 91.5861% 0.006811 53.440502; + --bc: 23.5742% 0.066235 313.189598; + --rounded-btn: 1.9rem; + --tab-border: 2px; + --tab-radius: 0.7rem; +} + +:root:has(input.theme-controller[value=cupcake]:checked) { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 15.2344% 0.017892 200.026556; + --sc: 15.787% 0.020249 356.29965; + --ac: 15.8762% 0.029206 78.618794; + --nc: 84.7148% 0.013247 313.189598; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --p: 76.172% 0.089459 200.026556; + --s: 78.9351% 0.101246 356.29965; + --a: 79.3811% 0.146032 78.618794; + --n: 23.5742% 0.066235 313.189598; + --b1: 97.7882% 0.00418 56.375637; + --b2: 93.9822% 0.007638 61.449292; + --b3: 91.5861% 0.006811 53.440502; + --bc: 23.5742% 0.066235 313.189598; + --rounded-btn: 1.9rem; + --tab-border: 2px; + --tab-radius: 0.7rem; +} + +[data-theme=bumblebee] { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --ac: 16.254% 0.0314 56.52; + --nc: 82.55% 0.015 281.99; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 89.51% 0.2132 96.61; + --pc: 38.92% 0.046 96.61; + --s: 80.39% 0.194 70.76; + --sc: 39.38% 0.068 70.76; + --a: 81.27% 0.157 56.52; + --n: 12.75% 0.075 281.99; + --b1: 100% 0 0; +} + +:root:has(input.theme-controller[value=bumblebee]:checked) { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --ac: 16.254% 0.0314 56.52; + --nc: 82.55% 0.015 281.99; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 89.51% 0.2132 96.61; + --pc: 38.92% 0.046 96.61; + --s: 80.39% 0.194 70.76; + --sc: 39.38% 0.068 70.76; + --a: 81.27% 0.157 56.52; + --n: 12.75% 0.075 281.99; + --b1: 100% 0 0; +} + +[data-theme=emerald] { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 76.6626% 0.135433 153.450024; + --pc: 33.3872% 0.040618 162.240129; + --s: 61.3028% 0.202368 261.294233; + --sc: 100% 0 0; + --a: 72.7725% 0.149783 33.200363; + --ac: 0% 0 0; + --n: 35.5192% 0.032071 262.988584; + --nc: 98.4625% 0.001706 247.838921; + --b1: 100% 0 0; + --bc: 35.5192% 0.032071 262.988584; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +:root:has(input.theme-controller[value=emerald]:checked) { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 76.6626% 0.135433 153.450024; + --pc: 33.3872% 0.040618 162.240129; + --s: 61.3028% 0.202368 261.294233; + --sc: 100% 0 0; + --a: 72.7725% 0.149783 33.200363; + --ac: 0% 0 0; + --n: 35.5192% 0.032071 262.988584; + --nc: 98.4625% 0.001706 247.838921; + --b1: 100% 0 0; + --bc: 35.5192% 0.032071 262.988584; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +[data-theme=corporate] { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 12.078% 0.0456 269.1; + --sc: 13.0739% 0.010951 256.688055; + --ac: 15.3934% 0.022799 163.57888; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --border-btn: 1px; + --tab-border: 1px; + --p: 60.39% 0.228 269.1; + --s: 65.3694% 0.054756 256.688055; + --a: 76.9669% 0.113994 163.57888; + --n: 22.3899% 0.031305 278.07229; + --nc: 95.8796% 0.008588 247.915135; + --b1: 100% 0 0; + --bc: 22.3899% 0.031305 278.07229; + --rounded-box: 0.25rem; + --rounded-btn: .125rem; + --rounded-badge: .125rem; + --tab-radius: 0.25rem; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +:root:has(input.theme-controller[value=corporate]:checked) { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 12.078% 0.0456 269.1; + --sc: 13.0739% 0.010951 256.688055; + --ac: 15.3934% 0.022799 163.57888; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --border-btn: 1px; + --tab-border: 1px; + --p: 60.39% 0.228 269.1; + --s: 65.3694% 0.054756 256.688055; + --a: 76.9669% 0.113994 163.57888; + --n: 22.3899% 0.031305 278.07229; + --nc: 95.8796% 0.008588 247.915135; + --b1: 100% 0 0; + --bc: 22.3899% 0.031305 278.07229; + --rounded-box: 0.25rem; + --rounded-btn: .125rem; + --rounded-badge: .125rem; + --tab-radius: 0.25rem; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +[data-theme=synthwave] { + color-scheme: dark; + --b2: 20.2941% 0.076211 287.835609; + --b3: 18.7665% 0.070475 287.835609; + --pc: 14.4421% 0.031903 342.009383; + --sc: 15.6543% 0.02362 227.382405; + --ac: 17.608% 0.0412 93.72; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 72.2105% 0.159514 342.009383; + --s: 78.2714% 0.118101 227.382405; + --a: 88.04% 0.206 93.72; + --n: 25.5554% 0.103537 286.507967; + --nc: 97.9365% 0.00819 301.358346; + --b1: 21.8216% 0.081948 287.835609; + --bc: 97.9365% 0.00819 301.358346; + --in: 76.5197% 0.12273 231.831603; + --inc: 23.5017% 0.096418 290.329844; + --su: 86.0572% 0.115038 178.624677; + --suc: 23.5017% 0.096418 290.329844; + --wa: 85.531% 0.122117 93.722227; + --wac: 23.5017% 0.096418 290.329844; + --er: 73.7005% 0.121339 32.639257; + --erc: 23.5017% 0.096418 290.329844; +} + +:root:has(input.theme-controller[value=synthwave]:checked) { + color-scheme: dark; + --b2: 20.2941% 0.076211 287.835609; + --b3: 18.7665% 0.070475 287.835609; + --pc: 14.4421% 0.031903 342.009383; + --sc: 15.6543% 0.02362 227.382405; + --ac: 17.608% 0.0412 93.72; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 72.2105% 0.159514 342.009383; + --s: 78.2714% 0.118101 227.382405; + --a: 88.04% 0.206 93.72; + --n: 25.5554% 0.103537 286.507967; + --nc: 97.9365% 0.00819 301.358346; + --b1: 21.8216% 0.081948 287.835609; + --bc: 97.9365% 0.00819 301.358346; + --in: 76.5197% 0.12273 231.831603; + --inc: 23.5017% 0.096418 290.329844; + --su: 86.0572% 0.115038 178.624677; + --suc: 23.5017% 0.096418 290.329844; + --wa: 85.531% 0.122117 93.722227; + --wac: 23.5017% 0.096418 290.329844; + --er: 73.7005% 0.121339 32.639257; + --erc: 23.5017% 0.096418 290.329844; +} + +[data-theme=retro] { + color-scheme: light; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 76.8664% 0.104092 22.664655; + --pc: 26.5104% 0.006243 0.522862; + --s: 80.7415% 0.052534 159.094608; + --sc: 26.5104% 0.006243 0.522862; + --a: 70.3919% 0.125455 52.953428; + --ac: 26.5104% 0.006243 0.522862; + --n: 28.4181% 0.009519 355.534017; + --nc: 92.5604% 0.025113 89.217311; + --b1: 91.6374% 0.034554 90.51575; + --b2: 88.2722% 0.049418 91.774344; + --b3: 84.133% 0.065952 90.856665; + --bc: 26.5104% 0.006243 0.522862; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; + --rounded-box: 0.4rem; + --rounded-btn: 0.4rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.4rem; +} + +:root:has(input.theme-controller[value=retro]:checked) { + color-scheme: light; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 76.8664% 0.104092 22.664655; + --pc: 26.5104% 0.006243 0.522862; + --s: 80.7415% 0.052534 159.094608; + --sc: 26.5104% 0.006243 0.522862; + --a: 70.3919% 0.125455 52.953428; + --ac: 26.5104% 0.006243 0.522862; + --n: 28.4181% 0.009519 355.534017; + --nc: 92.5604% 0.025113 89.217311; + --b1: 91.6374% 0.034554 90.51575; + --b2: 88.2722% 0.049418 91.774344; + --b3: 84.133% 0.065952 90.856665; + --bc: 26.5104% 0.006243 0.522862; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; + --rounded-box: 0.4rem; + --rounded-btn: 0.4rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.4rem; +} + +[data-theme=cyberpunk] { + color-scheme: light; + --b2: 87.8943% 0.16647 104.32; + --b3: 81.2786% 0.15394 104.32; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 18.902% 0.0358 104.32; + --pc: 14.844% 0.0418 6.35; + --sc: 16.666% 0.0368 204.72; + --ac: 14.372% 0.04352 310.43; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + --p: 74.22% 0.209 6.35; + --s: 83.33% 0.184 204.72; + --a: 71.86% 0.2176 310.43; + --n: 23.04% 0.065 269.31; + --nc: 94.51% 0.179 104.32; + --b1: 94.51% 0.179 104.32; + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --tab-radius: 0; +} + +:root:has(input.theme-controller[value=cyberpunk]:checked) { + color-scheme: light; + --b2: 87.8943% 0.16647 104.32; + --b3: 81.2786% 0.15394 104.32; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 18.902% 0.0358 104.32; + --pc: 14.844% 0.0418 6.35; + --sc: 16.666% 0.0368 204.72; + --ac: 14.372% 0.04352 310.43; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + --p: 74.22% 0.209 6.35; + --s: 83.33% 0.184 204.72; + --a: 71.86% 0.2176 310.43; + --n: 23.04% 0.065 269.31; + --nc: 94.51% 0.179 104.32; + --b1: 94.51% 0.179 104.32; + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --tab-radius: 0; +} + +[data-theme=valentine] { + color-scheme: light; + --b2: 88.0567% 0.024834 337.06289; + --b3: 81.4288% 0.022964 337.06289; + --pc: 13.7239% 0.030755 15.066527; + --sc: 14.3942% 0.029258 293.189609; + --ac: 14.2537% 0.014961 197.828857; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.614% 0.0414 27.33; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 68.6197% 0.153774 15.066527; + --s: 71.971% 0.14629 293.189609; + --a: 71.2685% 0.074804 197.828857; + --n: 54.6053% 0.143342 358.004839; + --nc: 90.2701% 0.037202 336.955191; + --b1: 94.6846% 0.026703 337.06289; + --bc: 37.3085% 0.081131 4.606426; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.07% 0.207 27.33; + --rounded-btn: 1.9rem; + --tab-radius: 0.7rem; +} + +:root:has(input.theme-controller[value=valentine]:checked) { + color-scheme: light; + --b2: 88.0567% 0.024834 337.06289; + --b3: 81.4288% 0.022964 337.06289; + --pc: 13.7239% 0.030755 15.066527; + --sc: 14.3942% 0.029258 293.189609; + --ac: 14.2537% 0.014961 197.828857; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.614% 0.0414 27.33; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 68.6197% 0.153774 15.066527; + --s: 71.971% 0.14629 293.189609; + --a: 71.2685% 0.074804 197.828857; + --n: 54.6053% 0.143342 358.004839; + --nc: 90.2701% 0.037202 336.955191; + --b1: 94.6846% 0.026703 337.06289; + --bc: 37.3085% 0.081131 4.606426; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.07% 0.207 27.33; + --rounded-btn: 1.9rem; + --tab-radius: 0.7rem; +} + +[data-theme=halloween] { + color-scheme: dark; + --b2: 23.0416% 0 0; + --b3: 21.3072% 0 0; + --bc: 84.9552% 0 0; + --sc: 89.196% 0.0496 305.03; + --nc: 84.8742% 0.009322 65.681484; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 77.48% 0.204 60.62; + --pc: 19.6935% 0.004671 196.779412; + --s: 45.98% 0.248 305.03; + --a: 64.8% 0.223 136.073479; + --ac: 0% 0 0; + --n: 24.371% 0.046608 65.681484; + --b1: 24.7759% 0 0; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; +} + +:root:has(input.theme-controller[value=halloween]:checked) { + color-scheme: dark; + --b2: 23.0416% 0 0; + --b3: 21.3072% 0 0; + --bc: 84.9552% 0 0; + --sc: 89.196% 0.0496 305.03; + --nc: 84.8742% 0.009322 65.681484; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 13.144% 0.0398 27.33; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 77.48% 0.204 60.62; + --pc: 19.6935% 0.004671 196.779412; + --s: 45.98% 0.248 305.03; + --a: 64.8% 0.223 136.073479; + --ac: 0% 0 0; + --n: 24.371% 0.046608 65.681484; + --b1: 24.7759% 0 0; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 65.72% 0.199 27.33; +} + +[data-theme=garden] { + color-scheme: light; + --b2: 86.4453% 0.002011 17.197414; + --b3: 79.9386% 0.00186 17.197414; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --sc: 89.699% 0.022197 355.095988; + --ac: 11.2547% 0.010859 154.390187; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 62.45% 0.278 3.83636; + --pc: 100% 0 0; + --s: 48.4952% 0.110985 355.095988; + --a: 56.2735% 0.054297 154.390187; + --n: 24.1559% 0.049362 89.070594; + --nc: 92.9519% 0.002163 17.197414; + --b1: 92.9519% 0.002163 17.197414; + --bc: 16.9617% 0.001664 17.32068; +} + +:root:has(input.theme-controller[value=garden]:checked) { + color-scheme: light; + --b2: 86.4453% 0.002011 17.197414; + --b3: 79.9386% 0.00186 17.197414; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --sc: 89.699% 0.022197 355.095988; + --ac: 11.2547% 0.010859 154.390187; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 62.45% 0.278 3.83636; + --pc: 100% 0 0; + --s: 48.4952% 0.110985 355.095988; + --a: 56.2735% 0.054297 154.390187; + --n: 24.1559% 0.049362 89.070594; + --nc: 92.9519% 0.002163 17.197414; + --b1: 92.9519% 0.002163 17.197414; + --bc: 16.9617% 0.001664 17.32068; +} + +[data-theme=forest] { + color-scheme: dark; + --b2: 17.522% 0.007709 17.911578; + --b3: 16.2032% 0.007129 17.911578; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 83.7682% 0.001658 17.911578; + --sc: 13.9553% 0.027077 168.327128; + --ac: 14.1257% 0.02389 185.713193; + --nc: 86.1397% 0.007806 171.364646; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 68.6283% 0.185567 148.958922; + --pc: 0% 0 0; + --s: 69.7764% 0.135385 168.327128; + --a: 70.6285% 0.119451 185.713193; + --n: 30.6985% 0.039032 171.364646; + --b1: 18.8409% 0.00829 17.911578; + --rounded-btn: 1.9rem; +} + +:root:has(input.theme-controller[value=forest]:checked) { + color-scheme: dark; + --b2: 17.522% 0.007709 17.911578; + --b3: 16.2032% 0.007129 17.911578; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 83.7682% 0.001658 17.911578; + --sc: 13.9553% 0.027077 168.327128; + --ac: 14.1257% 0.02389 185.713193; + --nc: 86.1397% 0.007806 171.364646; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 68.6283% 0.185567 148.958922; + --pc: 0% 0 0; + --s: 69.7764% 0.135385 168.327128; + --a: 70.6285% 0.119451 185.713193; + --n: 30.6985% 0.039032 171.364646; + --b1: 18.8409% 0.00829 17.911578; + --rounded-btn: 1.9rem; +} + +[data-theme=aqua] { + color-scheme: dark; + --b2: 45.3464% 0.118611 261.181672; + --b3: 41.9333% 0.109683 261.181672; + --bc: 89.7519% 0.025508 261.181672; + --sc: 12.1365% 0.02175 309.782946; + --ac: 18.6854% 0.020445 94.555431; + --nc: 12.2124% 0.023402 243.760661; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.79% 0.038 27.33; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 85.6617% 0.14498 198.6458; + --pc: 40.1249% 0.068266 197.603872; + --s: 60.6827% 0.108752 309.782946; + --a: 93.4269% 0.102225 94.555431; + --n: 61.0622% 0.117009 243.760661; + --b1: 48.7596% 0.127539 261.181672; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.95% 0.19 27.33; +} + +:root:has(input.theme-controller[value=aqua]:checked) { + color-scheme: dark; + --b2: 45.3464% 0.118611 261.181672; + --b3: 41.9333% 0.109683 261.181672; + --bc: 89.7519% 0.025508 261.181672; + --sc: 12.1365% 0.02175 309.782946; + --ac: 18.6854% 0.020445 94.555431; + --nc: 12.2124% 0.023402 243.760661; + --inc: 90.923% 0.043042 262.880917; + --suc: 12.541% 0.033982 149.213788; + --wac: 13.3168% 0.031484 58.31834; + --erc: 14.79% 0.038 27.33; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 85.6617% 0.14498 198.6458; + --pc: 40.1249% 0.068266 197.603872; + --s: 60.6827% 0.108752 309.782946; + --a: 93.4269% 0.102225 94.555431; + --n: 61.0622% 0.117009 243.760661; + --b1: 48.7596% 0.127539 261.181672; + --in: 54.615% 0.215208 262.880917; + --su: 62.7052% 0.169912 149.213788; + --wa: 66.584% 0.157422 58.31834; + --er: 73.95% 0.19 27.33; +} + +[data-theme=lofi] { + color-scheme: light; + --inc: 15.908% 0.0206 205.9; + --suc: 18.026% 0.0306 164.14; + --wac: 17.674% 0.027 79.94; + --erc: 15.732% 0.03 28.47; + --border-btn: 1px; + --tab-border: 1px; + --p: 15.9066% 0 0; + --pc: 100% 0 0; + --s: 21.455% 0.001566 17.278957; + --sc: 100% 0 0; + --a: 26.8618% 0 0; + --ac: 100% 0 0; + --n: 0% 0 0; + --nc: 100% 0 0; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.268% 0.001082 17.17934; + --bc: 0% 0 0; + --in: 79.54% 0.103 205.9; + --su: 90.13% 0.153 164.14; + --wa: 88.37% 0.135 79.94; + --er: 78.66% 0.15 28.47; + --rounded-box: 0.25rem; + --rounded-btn: 0.125rem; + --rounded-badge: 0.125rem; + --tab-radius: 0.125rem; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +:root:has(input.theme-controller[value=lofi]:checked) { + color-scheme: light; + --inc: 15.908% 0.0206 205.9; + --suc: 18.026% 0.0306 164.14; + --wac: 17.674% 0.027 79.94; + --erc: 15.732% 0.03 28.47; + --border-btn: 1px; + --tab-border: 1px; + --p: 15.9066% 0 0; + --pc: 100% 0 0; + --s: 21.455% 0.001566 17.278957; + --sc: 100% 0 0; + --a: 26.8618% 0 0; + --ac: 100% 0 0; + --n: 0% 0 0; + --nc: 100% 0 0; + --b1: 100% 0 0; + --b2: 96.1151% 0 0; + --b3: 92.268% 0.001082 17.17934; + --bc: 0% 0 0; + --in: 79.54% 0.103 205.9; + --su: 90.13% 0.153 164.14; + --wa: 88.37% 0.135 79.94; + --er: 78.66% 0.15 28.47; + --rounded-box: 0.25rem; + --rounded-btn: 0.125rem; + --rounded-badge: 0.125rem; + --tab-radius: 0.125rem; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; +} + +[data-theme=pastel] { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --pc: 16.6166% 0.006979 316.8737; + --sc: 17.6153% 0.009839 8.688364; + --ac: 17.8419% 0.012056 170.923263; + --nc: 14.2681% 0.014702 228.183906; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 83.0828% 0.034896 316.8737; + --s: 88.0763% 0.049197 8.688364; + --a: 89.2096% 0.06028 170.923263; + --n: 71.3406% 0.07351 228.183906; + --b1: 100% 0 0; + --b2: 98.4625% 0.001706 247.838921; + --b3: 87.1681% 0.009339 258.338227; + --rounded-btn: 1.9rem; + --tab-radius: 0.7rem; +} + +:root:has(input.theme-controller[value=pastel]:checked) { + color-scheme: light; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --bc: 20% 0 0; + --pc: 16.6166% 0.006979 316.8737; + --sc: 17.6153% 0.009839 8.688364; + --ac: 17.8419% 0.012056 170.923263; + --nc: 14.2681% 0.014702 228.183906; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 83.0828% 0.034896 316.8737; + --s: 88.0763% 0.049197 8.688364; + --a: 89.2096% 0.06028 170.923263; + --n: 71.3406% 0.07351 228.183906; + --b1: 100% 0 0; + --b2: 98.4625% 0.001706 247.838921; + --b3: 87.1681% 0.009339 258.338227; + --rounded-btn: 1.9rem; + --tab-radius: 0.7rem; +} + +[data-theme=fantasy] { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 87.49% 0.0378 325.02; + --sc: 90.784% 0.0324 241.36; + --ac: 15.196% 0.0408 56.72; + --nc: 85.5616% 0.005919 256.847952; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 37.45% 0.189 325.02; + --s: 53.92% 0.162 241.36; + --a: 75.98% 0.204 56.72; + --n: 27.8078% 0.029596 256.847952; + --b1: 100% 0 0; + --bc: 27.8078% 0.029596 256.847952; +} + +:root:has(input.theme-controller[value=fantasy]:checked) { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --in: 72.06% 0.191 231.6; + --su: 64.8% 0.150 160; + --wa: 84.71% 0.199 83.87; + --er: 71.76% 0.221 22.18; + --pc: 87.49% 0.0378 325.02; + --sc: 90.784% 0.0324 241.36; + --ac: 15.196% 0.0408 56.72; + --nc: 85.5616% 0.005919 256.847952; + --inc: 0% 0 0; + --suc: 0% 0 0; + --wac: 0% 0 0; + --erc: 0% 0 0; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 37.45% 0.189 325.02; + --s: 53.92% 0.162 241.36; + --a: 75.98% 0.204 56.72; + --n: 27.8078% 0.029596 256.847952; + --b1: 100% 0 0; + --bc: 27.8078% 0.029596 256.847952; +} + +[data-theme=wireframe] { + color-scheme: light; + --bc: 20% 0 0; + --pc: 15.6521% 0 0; + --sc: 15.6521% 0 0; + --ac: 15.6521% 0 0; + --nc: 18.8014% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 14.1626% 0.019994 108.702381; + --erc: 12.5591% 0.051537 29.233885; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + font-family: Chalkboard,comic sans ms,'sans-serif'; + --p: 78.2604% 0 0; + --s: 78.2604% 0 0; + --a: 78.2604% 0 0; + --n: 94.007% 0 0; + --b1: 100% 0 0; + --b2: 94.9119% 0 0; + --b3: 89.7547% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 70.8131% 0.099969 108.702381; + --er: 62.7955% 0.257683 29.233885; + --rounded-box: 0.2rem; + --rounded-btn: 0.2rem; + --rounded-badge: 0.2rem; + --tab-radius: 0.2rem; +} + +:root:has(input.theme-controller[value=wireframe]:checked) { + color-scheme: light; + --bc: 20% 0 0; + --pc: 15.6521% 0 0; + --sc: 15.6521% 0 0; + --ac: 15.6521% 0 0; + --nc: 18.8014% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 14.1626% 0.019994 108.702381; + --erc: 12.5591% 0.051537 29.233885; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + font-family: Chalkboard,comic sans ms,'sans-serif'; + --p: 78.2604% 0 0; + --s: 78.2604% 0 0; + --a: 78.2604% 0 0; + --n: 94.007% 0 0; + --b1: 100% 0 0; + --b2: 94.9119% 0 0; + --b3: 89.7547% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 70.8131% 0.099969 108.702381; + --er: 62.7955% 0.257683 29.233885; + --rounded-box: 0.2rem; + --rounded-btn: 0.2rem; + --rounded-badge: 0.2rem; + --tab-radius: 0.2rem; +} + +[data-theme=black] { + color-scheme: dark; + --pc: 86.736% 0 0; + --sc: 86.736% 0 0; + --ac: 86.736% 0 0; + --nc: 86.736% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 19.3597% 0.042201 109.769232; + --erc: 12.5591% 0.051537 29.233885; + --border-btn: 1px; + --tab-border: 1px; + --p: 33.6799% 0 0; + --s: 33.6799% 0 0; + --a: 33.6799% 0 0; + --b1: 0% 0 0; + --b2: 19.1251% 0 0; + --b3: 26.8618% 0 0; + --bc: 87.6096% 0 0; + --n: 33.6799% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 96.7983% 0.211006 109.769232; + --er: 62.7955% 0.257683 29.233885; + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; + --tab-radius: 0; +} + +:root:has(input.theme-controller[value=black]:checked) { + color-scheme: dark; + --pc: 86.736% 0 0; + --sc: 86.736% 0 0; + --ac: 86.736% 0 0; + --nc: 86.736% 0 0; + --inc: 89.0403% 0.062643 264.052021; + --suc: 90.395% 0.035372 142.495339; + --wac: 19.3597% 0.042201 109.769232; + --erc: 12.5591% 0.051537 29.233885; + --border-btn: 1px; + --tab-border: 1px; + --p: 33.6799% 0 0; + --s: 33.6799% 0 0; + --a: 33.6799% 0 0; + --b1: 0% 0 0; + --b2: 19.1251% 0 0; + --b3: 26.8618% 0 0; + --bc: 87.6096% 0 0; + --n: 33.6799% 0 0; + --in: 45.2014% 0.313214 264.052021; + --su: 51.9752% 0.176858 142.495339; + --wa: 96.7983% 0.211006 109.769232; + --er: 62.7955% 0.257683 29.233885; + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --animation-btn: 0; + --animation-input: 0; + --btn-focus-scale: 1; + --tab-radius: 0; +} + +[data-theme=luxury] { + color-scheme: dark; + --pc: 20% 0 0; + --sc: 85.5163% 0.012821 261.069149; + --ac: 87.3349% 0.010348 338.82597; + --inc: 15.8122% 0.024356 237.133883; + --suc: 15.6239% 0.038579 132.154381; + --wac: 17.2255% 0.027305 102.89115; + --erc: 14.3506% 0.035271 22.568916; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 100% 0 0; + --s: 27.5815% 0.064106 261.069149; + --a: 36.6744% 0.051741 338.82597; + --n: 24.27% 0.057015 59.825019; + --nc: 93.2033% 0.089631 90.861683; + --b1: 14.0765% 0.004386 285.822869; + --b2: 20.2191% 0.004211 308.22937; + --b3: 29.8961% 0.003818 308.318612; + --bc: 75.6879% 0.123666 76.890484; + --in: 79.0612% 0.121778 237.133883; + --su: 78.1197% 0.192894 132.154381; + --wa: 86.1274% 0.136524 102.89115; + --er: 71.7531% 0.176357 22.568916; +} + +:root:has(input.theme-controller[value=luxury]:checked) { + color-scheme: dark; + --pc: 20% 0 0; + --sc: 85.5163% 0.012821 261.069149; + --ac: 87.3349% 0.010348 338.82597; + --inc: 15.8122% 0.024356 237.133883; + --suc: 15.6239% 0.038579 132.154381; + --wac: 17.2255% 0.027305 102.89115; + --erc: 14.3506% 0.035271 22.568916; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 100% 0 0; + --s: 27.5815% 0.064106 261.069149; + --a: 36.6744% 0.051741 338.82597; + --n: 24.27% 0.057015 59.825019; + --nc: 93.2033% 0.089631 90.861683; + --b1: 14.0765% 0.004386 285.822869; + --b2: 20.2191% 0.004211 308.22937; + --b3: 29.8961% 0.003818 308.318612; + --bc: 75.6879% 0.123666 76.890484; + --in: 79.0612% 0.121778 237.133883; + --su: 78.1197% 0.192894 132.154381; + --wa: 86.1274% 0.136524 102.89115; + --er: 71.7531% 0.176357 22.568916; +} + +[data-theme=dracula] { + color-scheme: dark; + --b2: 26.8053% 0.020556 277.508664; + --b3: 24.7877% 0.019009 277.508664; + --pc: 15.0922% 0.036614 346.812432; + --sc: 14.8405% 0.029709 301.883095; + --ac: 16.6785% 0.024826 66.558491; + --nc: 87.8891% 0.006515 275.524078; + --inc: 17.6526% 0.018676 212.846491; + --suc: 17.4199% 0.043903 148.024881; + --wac: 19.1068% 0.026849 112.757109; + --erc: 13.6441% 0.041266 24.430965; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 75.4611% 0.18307 346.812432; + --s: 74.2023% 0.148546 301.883095; + --a: 83.3927% 0.124132 66.558491; + --n: 39.4456% 0.032576 275.524078; + --b1: 28.8229% 0.022103 277.508664; + --bc: 97.7477% 0.007913 106.545019; + --in: 88.263% 0.09338 212.846491; + --su: 87.0995% 0.219516 148.024881; + --wa: 95.5338% 0.134246 112.757109; + --er: 68.2204% 0.206328 24.430965; +} + +:root:has(input.theme-controller[value=dracula]:checked) { + color-scheme: dark; + --b2: 26.8053% 0.020556 277.508664; + --b3: 24.7877% 0.019009 277.508664; + --pc: 15.0922% 0.036614 346.812432; + --sc: 14.8405% 0.029709 301.883095; + --ac: 16.6785% 0.024826 66.558491; + --nc: 87.8891% 0.006515 275.524078; + --inc: 17.6526% 0.018676 212.846491; + --suc: 17.4199% 0.043903 148.024881; + --wac: 19.1068% 0.026849 112.757109; + --erc: 13.6441% 0.041266 24.430965; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 75.4611% 0.18307 346.812432; + --s: 74.2023% 0.148546 301.883095; + --a: 83.3927% 0.124132 66.558491; + --n: 39.4456% 0.032576 275.524078; + --b1: 28.8229% 0.022103 277.508664; + --bc: 97.7477% 0.007913 106.545019; + --in: 88.263% 0.09338 212.846491; + --su: 87.0995% 0.219516 148.024881; + --wa: 95.5338% 0.134246 112.757109; + --er: 68.2204% 0.206328 24.430965; +} + +[data-theme=cmyk] { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --bc: 20% 0 0; + --pc: 14.3544% 0.02666 239.443325; + --sc: 12.8953% 0.040552 359.339283; + --ac: 18.8458% 0.037948 105.306968; + --nc: 84.3557% 0 0; + --inc: 13.6952% 0.0189 217.284104; + --suc: 89.3898% 0.032505 321.406278; + --wac: 14.2473% 0.031969 52.023412; + --erc: 12.4027% 0.041677 28.717543; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 71.7722% 0.133298 239.443325; + --s: 64.4766% 0.202758 359.339283; + --a: 94.2289% 0.189741 105.306968; + --n: 21.7787% 0 0; + --b1: 100% 0 0; + --in: 68.4759% 0.094499 217.284104; + --su: 46.949% 0.162524 321.406278; + --wa: 71.2364% 0.159843 52.023412; + --er: 62.0133% 0.208385 28.717543; +} + +:root:has(input.theme-controller[value=cmyk]:checked) { + color-scheme: light; + --b2: 93% 0 0; + --b3: 86% 0 0; + --bc: 20% 0 0; + --pc: 14.3544% 0.02666 239.443325; + --sc: 12.8953% 0.040552 359.339283; + --ac: 18.8458% 0.037948 105.306968; + --nc: 84.3557% 0 0; + --inc: 13.6952% 0.0189 217.284104; + --suc: 89.3898% 0.032505 321.406278; + --wac: 14.2473% 0.031969 52.023412; + --erc: 12.4027% 0.041677 28.717543; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 71.7722% 0.133298 239.443325; + --s: 64.4766% 0.202758 359.339283; + --a: 94.2289% 0.189741 105.306968; + --n: 21.7787% 0 0; + --b1: 100% 0 0; + --in: 68.4759% 0.094499 217.284104; + --su: 46.949% 0.162524 321.406278; + --wa: 71.2364% 0.159843 52.023412; + --er: 62.0133% 0.208385 28.717543; +} + +[data-theme=autumn] { + color-scheme: light; + --b2: 89.1077% 0 0; + --b3: 82.4006% 0 0; + --bc: 19.1629% 0 0; + --pc: 88.1446% 0.032232 17.530175; + --sc: 12.3353% 0.033821 23.865865; + --ac: 14.6851% 0.018999 60.729616; + --nc: 90.8734% 0.007475 51.902819; + --inc: 13.8449% 0.019596 207.284192; + --suc: 12.199% 0.016032 174.616213; + --wac: 14.0163% 0.032982 56.844303; + --erc: 90.614% 0.0482 24.16; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 40.7232% 0.16116 17.530175; + --s: 61.6763% 0.169105 23.865865; + --a: 73.4253% 0.094994 60.729616; + --n: 54.3672% 0.037374 51.902819; + --b1: 95.8147% 0 0; + --in: 69.2245% 0.097979 207.284192; + --su: 60.9951% 0.080159 174.616213; + --wa: 70.0817% 0.164909 56.844303; + --er: 53.07% 0.241 24.16; +} + +:root:has(input.theme-controller[value=autumn]:checked) { + color-scheme: light; + --b2: 89.1077% 0 0; + --b3: 82.4006% 0 0; + --bc: 19.1629% 0 0; + --pc: 88.1446% 0.032232 17.530175; + --sc: 12.3353% 0.033821 23.865865; + --ac: 14.6851% 0.018999 60.729616; + --nc: 90.8734% 0.007475 51.902819; + --inc: 13.8449% 0.019596 207.284192; + --suc: 12.199% 0.016032 174.616213; + --wac: 14.0163% 0.032982 56.844303; + --erc: 90.614% 0.0482 24.16; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 40.7232% 0.16116 17.530175; + --s: 61.6763% 0.169105 23.865865; + --a: 73.4253% 0.094994 60.729616; + --n: 54.3672% 0.037374 51.902819; + --b1: 95.8147% 0 0; + --in: 69.2245% 0.097979 207.284192; + --su: 60.9951% 0.080159 174.616213; + --wa: 70.0817% 0.164909 56.844303; + --er: 53.07% 0.241 24.16; +} + +[data-theme=business] { + color-scheme: dark; + --b2: 22.6487% 0 0; + --b3: 20.944% 0 0; + --bc: 84.8707% 0 0; + --pc: 88.3407% 0.019811 251.473931; + --sc: 12.8185% 0.005481 229.389418; + --ac: 13.4542% 0.033545 35.791525; + --nc: 85.4882% 0.00265 253.041249; + --inc: 12.5233% 0.028702 240.033697; + --suc: 14.0454% 0.018919 156.59611; + --wac: 15.4965% 0.023141 81.519177; + --erc: 90.3221% 0.029356 29.674507; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 41.7036% 0.099057 251.473931; + --s: 64.0924% 0.027405 229.389418; + --a: 67.271% 0.167726 35.791525; + --n: 27.441% 0.01325 253.041249; + --b1: 24.3535% 0 0; + --in: 62.6163% 0.143511 240.033697; + --su: 70.2268% 0.094594 156.59611; + --wa: 77.4824% 0.115704 81.519177; + --er: 51.6105% 0.14678 29.674507; + --rounded-box: 0.25rem; + --rounded-btn: .125rem; + --rounded-badge: .125rem; +} + +:root:has(input.theme-controller[value=business]:checked) { + color-scheme: dark; + --b2: 22.6487% 0 0; + --b3: 20.944% 0 0; + --bc: 84.8707% 0 0; + --pc: 88.3407% 0.019811 251.473931; + --sc: 12.8185% 0.005481 229.389418; + --ac: 13.4542% 0.033545 35.791525; + --nc: 85.4882% 0.00265 253.041249; + --inc: 12.5233% 0.028702 240.033697; + --suc: 14.0454% 0.018919 156.59611; + --wac: 15.4965% 0.023141 81.519177; + --erc: 90.3221% 0.029356 29.674507; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 41.7036% 0.099057 251.473931; + --s: 64.0924% 0.027405 229.389418; + --a: 67.271% 0.167726 35.791525; + --n: 27.441% 0.01325 253.041249; + --b1: 24.3535% 0 0; + --in: 62.6163% 0.143511 240.033697; + --su: 70.2268% 0.094594 156.59611; + --wa: 77.4824% 0.115704 81.519177; + --er: 51.6105% 0.14678 29.674507; + --rounded-box: 0.25rem; + --rounded-btn: .125rem; + --rounded-badge: .125rem; +} + +[data-theme=acid] { + color-scheme: light; + --b2: 91.6146% 0 0; + --b3: 84.7189% 0 0; + --bc: 19.7021% 0 0; + --pc: 14.38% 0.0714 330.759573; + --sc: 14.674% 0.0448 48.250878; + --ac: 18.556% 0.0528 122.962951; + --nc: 84.262% 0.0256 278.68; + --inc: 12.144% 0.0454 252.05; + --suc: 17.144% 0.0532 158.53; + --wac: 18.202% 0.0424 100.5; + --erc: 12.968% 0.0586 29.349188; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 71.9% 0.357 330.759573; + --s: 73.37% 0.224 48.250878; + --a: 92.78% 0.264 122.962951; + --n: 21.31% 0.128 278.68; + --b1: 98.5104% 0 0; + --in: 60.72% 0.227 252.05; + --su: 85.72% 0.266 158.53; + --wa: 91.01% 0.212 100.5; + --er: 64.84% 0.293 29.349188; + --rounded-box: 1.25rem; + --rounded-btn: 1rem; + --rounded-badge: 1rem; + --tab-radius: 0.7rem; +} + +:root:has(input.theme-controller[value=acid]:checked) { + color-scheme: light; + --b2: 91.6146% 0 0; + --b3: 84.7189% 0 0; + --bc: 19.7021% 0 0; + --pc: 14.38% 0.0714 330.759573; + --sc: 14.674% 0.0448 48.250878; + --ac: 18.556% 0.0528 122.962951; + --nc: 84.262% 0.0256 278.68; + --inc: 12.144% 0.0454 252.05; + --suc: 17.144% 0.0532 158.53; + --wac: 18.202% 0.0424 100.5; + --erc: 12.968% 0.0586 29.349188; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 71.9% 0.357 330.759573; + --s: 73.37% 0.224 48.250878; + --a: 92.78% 0.264 122.962951; + --n: 21.31% 0.128 278.68; + --b1: 98.5104% 0 0; + --in: 60.72% 0.227 252.05; + --su: 85.72% 0.266 158.53; + --wa: 91.01% 0.212 100.5; + --er: 64.84% 0.293 29.349188; + --rounded-box: 1.25rem; + --rounded-btn: 1rem; + --rounded-badge: 1rem; + --tab-radius: 0.7rem; +} + +[data-theme=lemonade] { + color-scheme: light; + --b2: 91.8003% 0.0186 123.72; + --b3: 84.8906% 0.0172 123.72; + --bc: 19.742% 0.004 123.72; + --pc: 11.784% 0.0398 134.6; + --sc: 15.55% 0.0392 111.09; + --ac: 17.078% 0.0402 100.73; + --nc: 86.196% 0.015 108.6; + --inc: 17.238% 0.0094 224.14; + --suc: 17.238% 0.0094 157.85; + --wac: 17.238% 0.0094 102.15; + --erc: 17.238% 0.0094 25.85; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 58.92% 0.199 134.6; + --s: 77.75% 0.196 111.09; + --a: 85.39% 0.201 100.73; + --n: 30.98% 0.075 108.6; + --b1: 98.71% 0.02 123.72; + --in: 86.19% 0.047 224.14; + --su: 86.19% 0.047 157.85; + --wa: 86.19% 0.047 102.15; + --er: 86.19% 0.047 25.85; +} + +:root:has(input.theme-controller[value=lemonade]:checked) { + color-scheme: light; + --b2: 91.8003% 0.0186 123.72; + --b3: 84.8906% 0.0172 123.72; + --bc: 19.742% 0.004 123.72; + --pc: 11.784% 0.0398 134.6; + --sc: 15.55% 0.0392 111.09; + --ac: 17.078% 0.0402 100.73; + --nc: 86.196% 0.015 108.6; + --inc: 17.238% 0.0094 224.14; + --suc: 17.238% 0.0094 157.85; + --wac: 17.238% 0.0094 102.15; + --erc: 17.238% 0.0094 25.85; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 58.92% 0.199 134.6; + --s: 77.75% 0.196 111.09; + --a: 85.39% 0.201 100.73; + --n: 30.98% 0.075 108.6; + --b1: 98.71% 0.02 123.72; + --in: 86.19% 0.047 224.14; + --su: 86.19% 0.047 157.85; + --wa: 86.19% 0.047 102.15; + --er: 86.19% 0.047 25.85; +} + +[data-theme=night] { + color-scheme: dark; + --b2: 19.3144% 0.037037 265.754874; + --b3: 17.8606% 0.034249 265.754874; + --bc: 84.1536% 0.007965 265.754874; + --pc: 15.0703% 0.027798 232.66148; + --sc: 13.6023% 0.031661 276.934902; + --ac: 14.4721% 0.035244 350.048739; + --nc: 85.5899% 0.00737 260.030984; + --suc: 15.6904% 0.026506 181.911977; + --wac: 16.6486% 0.027912 82.95003; + --erc: 14.3572% 0.034051 13.11834; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 75.3513% 0.138989 232.66148; + --s: 68.0113% 0.158303 276.934902; + --a: 72.3603% 0.176218 350.048739; + --n: 27.9495% 0.036848 260.030984; + --b1: 20.7682% 0.039824 265.754874; + --in: 68.4553% 0.148062 237.25135; + --inc: 0% 0 0; + --su: 78.452% 0.132529 181.911977; + --wa: 83.2428% 0.139558 82.95003; + --er: 71.7858% 0.170255 13.11834; +} + +:root:has(input.theme-controller[value=night]:checked) { + color-scheme: dark; + --b2: 19.3144% 0.037037 265.754874; + --b3: 17.8606% 0.034249 265.754874; + --bc: 84.1536% 0.007965 265.754874; + --pc: 15.0703% 0.027798 232.66148; + --sc: 13.6023% 0.031661 276.934902; + --ac: 14.4721% 0.035244 350.048739; + --nc: 85.5899% 0.00737 260.030984; + --suc: 15.6904% 0.026506 181.911977; + --wac: 16.6486% 0.027912 82.95003; + --erc: 14.3572% 0.034051 13.11834; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 75.3513% 0.138989 232.66148; + --s: 68.0113% 0.158303 276.934902; + --a: 72.3603% 0.176218 350.048739; + --n: 27.9495% 0.036848 260.030984; + --b1: 20.7682% 0.039824 265.754874; + --in: 68.4553% 0.148062 237.25135; + --inc: 0% 0 0; + --su: 78.452% 0.132529 181.911977; + --wa: 83.2428% 0.139558 82.95003; + --er: 71.7858% 0.170255 13.11834; +} + +[data-theme=coffee] { + color-scheme: dark; + --b2: 20.1585% 0.021457 329.708637; + --b3: 18.6412% 0.019842 329.708637; + --pc: 14.3993% 0.024765 62.756393; + --sc: 86.893% 0.00597 199.19444; + --ac: 88.5243% 0.014881 224.389184; + --nc: 83.3022% 0.003149 326.261446; + --inc: 15.898% 0.012774 184.558367; + --suc: 14.9445% 0.014491 131.116276; + --wac: 17.6301% 0.028162 87.722413; + --erc: 15.4637% 0.025644 31.871922; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 71.9967% 0.123825 62.756393; + --s: 34.465% 0.029849 199.19444; + --a: 42.6213% 0.074405 224.389184; + --n: 16.5109% 0.015743 326.261446; + --b1: 21.6758% 0.023072 329.708637; + --bc: 72.3547% 0.092794 79.129387; + --in: 79.4902% 0.063869 184.558367; + --su: 74.7224% 0.072456 131.116276; + --wa: 88.1503% 0.140812 87.722413; + --er: 77.3187% 0.12822 31.871922; +} + +:root:has(input.theme-controller[value=coffee]:checked) { + color-scheme: dark; + --b2: 20.1585% 0.021457 329.708637; + --b3: 18.6412% 0.019842 329.708637; + --pc: 14.3993% 0.024765 62.756393; + --sc: 86.893% 0.00597 199.19444; + --ac: 88.5243% 0.014881 224.389184; + --nc: 83.3022% 0.003149 326.261446; + --inc: 15.898% 0.012774 184.558367; + --suc: 14.9445% 0.014491 131.116276; + --wac: 17.6301% 0.028162 87.722413; + --erc: 15.4637% 0.025644 31.871922; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 71.9967% 0.123825 62.756393; + --s: 34.465% 0.029849 199.19444; + --a: 42.6213% 0.074405 224.389184; + --n: 16.5109% 0.015743 326.261446; + --b1: 21.6758% 0.023072 329.708637; + --bc: 72.3547% 0.092794 79.129387; + --in: 79.4902% 0.063869 184.558367; + --su: 74.7224% 0.072456 131.116276; + --wa: 88.1503% 0.140812 87.722413; + --er: 77.3187% 0.12822 31.871922; +} + +[data-theme=winter] { + color-scheme: light; + --pc: 91.372% 0.051 257.57; + --sc: 88.5103% 0.03222 282.339433; + --ac: 11.988% 0.038303 335.171434; + --nc: 83.9233% 0.012704 257.651965; + --inc: 17.6255% 0.017178 214.515264; + --suc: 16.0988% 0.015404 197.823719; + --wac: 17.8345% 0.009167 71.47031; + --erc: 14.6185% 0.022037 20.076293; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 56.86% 0.255 257.57; + --s: 42.5516% 0.161098 282.339433; + --a: 59.9398% 0.191515 335.171434; + --n: 19.6166% 0.063518 257.651965; + --b1: 100% 0 0; + --b2: 97.4663% 0.011947 259.822565; + --b3: 93.2686% 0.016223 262.751375; + --bc: 41.8869% 0.053885 255.824911; + --in: 88.1275% 0.085888 214.515264; + --su: 80.4941% 0.077019 197.823719; + --wa: 89.1725% 0.045833 71.47031; + --er: 73.0926% 0.110185 20.076293; +} + +:root:has(input.theme-controller[value=winter]:checked) { + color-scheme: light; + --pc: 91.372% 0.051 257.57; + --sc: 88.5103% 0.03222 282.339433; + --ac: 11.988% 0.038303 335.171434; + --nc: 83.9233% 0.012704 257.651965; + --inc: 17.6255% 0.017178 214.515264; + --suc: 16.0988% 0.015404 197.823719; + --wac: 17.8345% 0.009167 71.47031; + --erc: 14.6185% 0.022037 20.076293; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 56.86% 0.255 257.57; + --s: 42.5516% 0.161098 282.339433; + --a: 59.9398% 0.191515 335.171434; + --n: 19.6166% 0.063518 257.651965; + --b1: 100% 0 0; + --b2: 97.4663% 0.011947 259.822565; + --b3: 93.2686% 0.016223 262.751375; + --bc: 41.8869% 0.053885 255.824911; + --in: 88.1275% 0.085888 214.515264; + --su: 80.4941% 0.077019 197.823719; + --wa: 89.1725% 0.045833 71.47031; + --er: 73.0926% 0.110185 20.076293; +} + +[data-theme=dim] { + color-scheme: dark; + --pc: 17.2267% 0.028331 139.549991; + --sc: 14.6752% 0.033181 35.353059; + --ac: 14.8459% 0.026728 311.37924; + --inc: 17.2157% 0.028409 206.182959; + --suc: 17.2343% 0.028437 166.534048; + --wac: 17.2327% 0.028447 94.818679; + --erc: 16.4838% 0.019914 33.756357; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 86.1335% 0.141656 139.549991; + --s: 73.3759% 0.165904 35.353059; + --a: 74.2296% 0.133641 311.37924; + --n: 24.7311% 0.020483 264.094728; + --nc: 82.9011% 0.031335 222.959324; + --b1: 30.8577% 0.023243 264.149498; + --b2: 28.0368% 0.01983 264.182074; + --b3: 26.3469% 0.018403 262.177739; + --bc: 82.9011% 0.031335 222.959324; + --in: 86.0785% 0.142046 206.182959; + --su: 86.1717% 0.142187 166.534048; + --wa: 86.1634% 0.142236 94.818679; + --er: 82.4189% 0.09957 33.756357; +} + +:root:has(input.theme-controller[value=dim]:checked) { + color-scheme: dark; + --pc: 17.2267% 0.028331 139.549991; + --sc: 14.6752% 0.033181 35.353059; + --ac: 14.8459% 0.026728 311.37924; + --inc: 17.2157% 0.028409 206.182959; + --suc: 17.2343% 0.028437 166.534048; + --wac: 17.2327% 0.028447 94.818679; + --erc: 16.4838% 0.019914 33.756357; + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + --p: 86.1335% 0.141656 139.549991; + --s: 73.3759% 0.165904 35.353059; + --a: 74.2296% 0.133641 311.37924; + --n: 24.7311% 0.020483 264.094728; + --nc: 82.9011% 0.031335 222.959324; + --b1: 30.8577% 0.023243 264.149498; + --b2: 28.0368% 0.01983 264.182074; + --b3: 26.3469% 0.018403 262.177739; + --bc: 82.9011% 0.031335 222.959324; + --in: 86.0785% 0.142046 206.182959; + --su: 86.1717% 0.142187 166.534048; + --wa: 86.1634% 0.142236 94.818679; + --er: 82.4189% 0.09957 33.756357; +} + +[data-theme=nord] { + color-scheme: light; + --pc: 11.8872% 0.015449 254.027774; + --sc: 13.9303% 0.011822 248.687186; + --ac: 15.4929% 0.01245 217.469017; + --inc: 13.8414% 0.012499 332.664922; + --suc: 15.3654% 0.01498 131.063061; + --wac: 17.0972% 0.017847 84.093335; + --erc: 12.122% 0.024119 15.341883; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 59.4359% 0.077246 254.027774; + --s: 69.6516% 0.059108 248.687186; + --a: 77.4643% 0.062249 217.469017; + --n: 45.229% 0.035214 264.1312; + --nc: 89.9258% 0.016374 262.749256; + --b1: 95.1276% 0.007445 260.731539; + --b2: 93.2996% 0.010389 261.788485; + --b3: 89.9258% 0.016374 262.749256; + --bc: 32.4374% 0.022945 264.182036; + --in: 69.2072% 0.062496 332.664922; + --su: 76.827% 0.074899 131.063061; + --wa: 85.4862% 0.089234 84.093335; + --er: 60.61% 0.120594 15.341883; + --rounded-box: 0.4rem; + --rounded-btn: 0.2rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.2rem; +} + +:root:has(input.theme-controller[value=nord]:checked) { + color-scheme: light; + --pc: 11.8872% 0.015449 254.027774; + --sc: 13.9303% 0.011822 248.687186; + --ac: 15.4929% 0.01245 217.469017; + --inc: 13.8414% 0.012499 332.664922; + --suc: 15.3654% 0.01498 131.063061; + --wac: 17.0972% 0.017847 84.093335; + --erc: 12.122% 0.024119 15.341883; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 59.4359% 0.077246 254.027774; + --s: 69.6516% 0.059108 248.687186; + --a: 77.4643% 0.062249 217.469017; + --n: 45.229% 0.035214 264.1312; + --nc: 89.9258% 0.016374 262.749256; + --b1: 95.1276% 0.007445 260.731539; + --b2: 93.2996% 0.010389 261.788485; + --b3: 89.9258% 0.016374 262.749256; + --bc: 32.4374% 0.022945 264.182036; + --in: 69.2072% 0.062496 332.664922; + --su: 76.827% 0.074899 131.063061; + --wa: 85.4862% 0.089234 84.093335; + --er: 60.61% 0.120594 15.341883; + --rounded-box: 0.4rem; + --rounded-btn: 0.2rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.2rem; +} + +[data-theme=sunset] { + color-scheme: dark; + --pc: 14.9408% 0.031656 39.94703; + --sc: 14.5075% 0.035531 2.72034; + --ac: 14.2589% 0.033336 299.844533; + --inc: 17.1119% 0.017054 206.015183; + --suc: 17.1122% 0.017172 144.77874; + --wac: 17.1139% 0.016961 74.427797; + --erc: 17.1023% 0.015778 16.886379; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 74.7039% 0.158278 39.94703; + --s: 72.5375% 0.177654 2.72034; + --a: 71.2947% 0.166678 299.844533; + --n: 26% 0.019 237.69; + --nc: 70% 0.019 237.69; + --b1: 22% 0.019 237.69; + --b2: 20% 0.019 237.69; + --b3: 18% 0.019 237.69; + --bc: 77.3835% 0.043586 245.096534; + --in: 85.5596% 0.085271 206.015183; + --su: 85.5609% 0.08586 144.77874; + --wa: 85.5695% 0.084806 74.427797; + --er: 85.5116% 0.07889 16.886379; + --rounded-box: 1.2rem; + --rounded-btn: 0.8rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.7rem; +} + +:root:has(input.theme-controller[value=sunset]:checked) { + color-scheme: dark; + --pc: 14.9408% 0.031656 39.94703; + --sc: 14.5075% 0.035531 2.72034; + --ac: 14.2589% 0.033336 299.844533; + --inc: 17.1119% 0.017054 206.015183; + --suc: 17.1122% 0.017172 144.77874; + --wac: 17.1139% 0.016961 74.427797; + --erc: 17.1023% 0.015778 16.886379; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-focus-scale: 0.95; + --border-btn: 1px; + --tab-border: 1px; + --p: 74.7039% 0.158278 39.94703; + --s: 72.5375% 0.177654 2.72034; + --a: 71.2947% 0.166678 299.844533; + --n: 26% 0.019 237.69; + --nc: 70% 0.019 237.69; + --b1: 22% 0.019 237.69; + --b2: 20% 0.019 237.69; + --b3: 18% 0.019 237.69; + --bc: 77.3835% 0.043586 245.096534; + --in: 85.5596% 0.085271 206.015183; + --su: 85.5609% 0.08586 144.77874; + --wa: 85.5695% 0.084806 74.427797; + --er: 85.5116% 0.07889 16.886379; + --rounded-box: 1.2rem; + --rounded-btn: 0.8rem; + --rounded-badge: 0.4rem; + --tab-radius: 0.7rem; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +@media (hover:hover) { + .label a:hover { + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + } + + .menu li > *:not(ul, .menu-title, details, .btn):active, +.menu li > *:not(ul, .menu-title, details, .btn).active, +.menu li > details > summary:active { + --tw-bg-opacity: 1; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-text-opacity: 1; + color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); + } + + .tab:hover { + --tw-text-opacity: 1; + } + + .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover { + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); + } + + .table tr.hover:hover, + .table tr.hover:nth-child(even):hover { + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + } +} + +.btn { + display: inline-flex; + height: 3rem; + min-height: 3rem; + flex-shrink: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-wrap: wrap; + align-items: center; + justify-content: center; + border-radius: var(--rounded-btn, 0.5rem); + border-color: transparent; + border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)); + padding-left: 1rem; + padding-right: 1rem; + text-align: center; + font-size: 0.875rem; + line-height: 1em; + gap: 0.5rem; + font-weight: 600; + text-decoration-line: none; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + border-width: var(--border-btn, 1px); + transition-property: color, background-color, border-color, opacity, box-shadow, transform; + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + outline-color: var(--fallback-bc,oklch(var(--bc)/1)); + background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + --tw-border-opacity: 1; +} + +.btn-disabled, + .btn[disabled], + .btn:disabled { + pointer-events: none; +} + +:where(.btn:is(input[type="checkbox"])), +:where(.btn:is(input[type="radio"])) { + width: auto; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.btn:is(input[type="checkbox"]):after, +.btn:is(input[type="radio"]):after { + --tw-content: attr(aria-label); + content: var(--tw-content); +} + +.card { + position: relative; + display: flex; + flex-direction: column; + border-radius: var(--rounded-box, 1rem); +} + +.card:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.card figure { + display: flex; + align-items: center; + justify-content: center; +} + +.card.image-full { + display: grid; +} + +.card.image-full:before { + position: relative; + content: ""; + z-index: 10; + border-radius: var(--rounded-box, 1rem); + --tw-bg-opacity: 1; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + opacity: 0.75; +} + +.card.image-full:before, + .card.image-full > * { + grid-column-start: 1; + grid-row-start: 1; +} + +.card.image-full > figure img { + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.card.image-full > .card-body { + position: relative; + z-index: 20; + --tw-text-opacity: 1; + color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); +} + +.checkbox { + flex-shrink: 0; + --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); + --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); + height: 1.5rem; + width: 1.5rem; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: var(--rounded-btn, 0.5rem); + border-width: 1px; + border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); + --tw-border-opacity: 0.2; +} + +.collapse:not(td):not(tr):not(colgroup) { + visibility: visible; +} + +.collapse { + position: relative; + display: grid; + overflow: hidden; + grid-template-rows: auto 0fr; + transition: grid-template-rows 0.2s; + width: 100%; + border-radius: var(--rounded-box, 1rem); +} + +.collapse-title, +.collapse > input[type="checkbox"], +.collapse > input[type="radio"], +.collapse-content { + grid-column-start: 1; + grid-row-start: 1; +} + +.collapse > input[type="checkbox"], +.collapse > input[type="radio"] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + opacity: 0; +} + +.collapse-content { + visibility: hidden; + grid-column-start: 1; + grid-row-start: 2; + min-height: 0px; + transition: visibility 0.2s; + transition: padding 0.2s ease-out, + background-color 0.2s ease-out; + padding-left: 1rem; + padding-right: 1rem; + cursor: unset; +} + +.collapse[open], +.collapse-open, +.collapse:focus:not(.collapse-close) { + grid-template-rows: auto 1fr; +} + +.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), +.collapse:not(.collapse-close):has(> input[type="radio"]:checked) { + grid-template-rows: auto 1fr; +} + +.collapse[open] > .collapse-content, +.collapse-open > .collapse-content, +.collapse:focus:not(.collapse-close) > .collapse-content, +.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, +.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content { + visibility: visible; + min-height: -moz-fit-content; + min-height: fit-content; +} + +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown > *:not(summary):focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.dropdown .dropdown-content { + position: absolute; +} + +.dropdown:is(:not(details)) .dropdown-content { + visibility: hidden; + opacity: 0; + transform-origin: top; + --tw-scale-x: .95; + --tw-scale-y: .95; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-duration: 200ms; +} + +.dropdown-end .dropdown-content { + inset-inline-end: 0px; +} + +.dropdown-left .dropdown-content { + bottom: auto; + inset-inline-end: 100%; + top: 0px; + transform-origin: right; +} + +.dropdown-right .dropdown-content { + bottom: auto; + inset-inline-start: 100%; + top: 0px; + transform-origin: left; +} + +.dropdown-bottom .dropdown-content { + bottom: auto; + top: 100%; + transform-origin: top; +} + +.dropdown-top .dropdown-content { + bottom: 100%; + top: auto; + transform-origin: bottom; +} + +.dropdown-end.dropdown-right .dropdown-content { + bottom: 0px; + top: auto; +} + +.dropdown-end.dropdown-left .dropdown-content { + bottom: 0px; + top: auto; +} + +.dropdown.dropdown-open .dropdown-content, +.dropdown:not(.dropdown-hover):focus .dropdown-content, +.dropdown:focus-within .dropdown-content { + visibility: visible; + opacity: 1; +} + +@media (hover: hover) { + .dropdown.dropdown-hover:hover .dropdown-content { + visibility: visible; + opacity: 1; + } + + .btm-nav > *.disabled:hover, + .btm-nav > *[disabled]:hover { + pointer-events: none; + --tw-border-opacity: 0; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-bg-opacity: 0.1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; + } + + .btn:hover { + --tw-border-opacity: 1; + border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); + --tw-bg-opacity: 1; + background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn:hover { + background-color: color-mix( + in oklab, + oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, + black + ); + border-color: color-mix( + in oklab, + oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, + black + ); + } + } + + @supports not (color: oklch(0% 0 0)) { + .btn:hover { + background-color: var(--btn-color, var(--fallback-b2)); + border-color: var(--btn-color, var(--fallback-b2)); + } + } + + .btn.glass:hover { + --glass-opacity: 25%; + --glass-border-opacity: 15%; + } + + .btn-ghost:hover { + border-color: transparent; + } + + @supports (color: oklch(0% 0 0)) { + .btn-ghost:hover { + background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); + } + } + + .btn-outline.btn-primary:hover { + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-primary:hover { + background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + } + } + + .btn-outline.btn-secondary:hover { + --tw-text-opacity: 1; + color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-secondary:hover { + background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); + } + } + + .btn-outline.btn-accent:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-accent:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .btn-outline.btn-info:hover { + --tw-text-opacity: 1; + color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-info:hover { + background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); + } + } + + .btn-outline.btn-warning:hover { + --tw-text-opacity: 1; + color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-warning:hover { + background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); + } + } + + .btn-outline.btn-error:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-error:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } + + .btn-disabled:hover, + .btn[disabled]:hover, + .btn:disabled:hover { + --tw-border-opacity: 0; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-bg-opacity: 0.2; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; + } + + @supports (color: color-mix(in oklab, black, black)) { + .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover { + background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + } + } + + .dropdown.dropdown-hover:hover .dropdown-content { + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + } + + :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { + cursor: pointer; + outline: 2px solid transparent; + outline-offset: 2px; + } + + @supports (color: oklch(0% 0 0)) { + :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { + background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); + } + } + + .tab[disabled], + .tab[disabled]:hover { + cursor: not-allowed; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; + } +} + +.dropdown:is(details) summary::-webkit-details-marker { + display: none; +} + +.label { + display: flex; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + align-items: center; + justify-content: space-between; + padding-left: 0.25rem; + padding-right: 0.25rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.input { + flex-shrink: 1; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 3rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 2; + line-height: 1.5rem; + border-radius: var(--rounded-btn, 0.5rem); + border-width: 1px; + border-color: transparent; + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.input[type="number"]::-webkit-inner-spin-button, +.input-md[type="number"]::-webkit-inner-spin-button { + margin-top: -1rem; + margin-bottom: -1rem; + margin-inline-end: -1rem; +} + +.input-sm[type="number"]::-webkit-inner-spin-button { + margin-top: 0px; + margin-bottom: 0px; + margin-inline-end: -0px; +} + +.join .dropdown .join-item:first-child:not(:last-child), + .join *:first-child:not(:last-child) .dropdown .join-item { + border-start-end-radius: inherit; + border-end-end-radius: inherit; +} + +.link { + cursor: pointer; + text-decoration-line: underline; +} + +.menu { + display: flex; + flex-direction: column; + flex-wrap: wrap; + font-size: 0.875rem; + line-height: 1.25rem; + padding: 0.5rem; +} + +.menu :where(li ul) { + position: relative; + white-space: nowrap; + margin-inline-start: 1rem; + padding-inline-start: 0.5rem; +} + +.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { + display: grid; + grid-auto-flow: column; + align-content: flex-start; + align-items: center; + gap: 0.5rem; + grid-auto-columns: minmax(auto, max-content) auto max-content; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.menu li.disabled { + cursor: not-allowed; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + color: var(--fallback-bc,oklch(var(--bc)/0.3)); +} + +.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { + display: none; +} + +:where(.menu li) { + position: relative; + display: flex; + flex-shrink: 0; + flex-direction: column; + flex-wrap: wrap; + align-items: stretch; +} + +:where(.menu li) .badge { + justify-self: end; +} + +.modal { + pointer-events: none; + position: fixed; + inset: 0px; + margin: 0px; + display: grid; + height: 100%; + max-height: none; + width: 100%; + max-width: none; + justify-items: center; + padding: 0px; + opacity: 0; + overscroll-behavior: contain; + z-index: 999; + background-color: transparent; + color: inherit; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-property: transform, opacity, visibility; + overflow-y: hidden; +} + +:where(.modal) { + align-items: center; +} + +.modal-open, +.modal:target, +.modal-toggle:checked + .modal, +.modal[open] { + pointer-events: auto; + visibility: visible; + opacity: 1; +} + +:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { + overflow: hidden; + scrollbar-gutter: stable; +} + +.radio { + flex-shrink: 0; + --chkbg: var(--bc); + height: 1.5rem; + width: 1.5rem; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 9999px; + border-width: 1px; + border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); + --tw-border-opacity: 0.2; +} + +.tabs { + display: grid; + align-items: flex-end; +} + +.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) { + border-bottom-color: transparent; +} + +.tab { + position: relative; + grid-row-start: 1; + display: inline-flex; + height: 2rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + flex-wrap: wrap; + align-items: center; + justify-content: center; + text-align: center; + font-size: 0.875rem; + line-height: 1.25rem; + line-height: 2; + --tab-padding: 1rem; + --tw-text-opacity: 0.5; + --tab-color: var(--fallback-bc,oklch(var(--bc)/1)); + --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)); + --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)); + color: var(--tab-color); + padding-inline-start: var(--tab-padding, 1rem); + padding-inline-end: var(--tab-padding, 1rem); +} + +.tab:is(input[type="radio"]) { + width: auto; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} + +.tab:is(input[type="radio"]):after { + --tw-content: attr(aria-label); + content: var(--tw-content); +} + +.tab:not(input):empty { + cursor: default; + grid-column-start: span 9999; +} + +input.tab:checked + .tab-content, +:is(.tab-active, [aria-selected="true"]) + .tab-content { + display: block; +} + +.table { + position: relative; + width: 100%; + border-radius: var(--rounded-box, 1rem); + text-align: left; + font-size: 0.875rem; + line-height: 1.25rem; +} + +.table :where(.table-pin-rows thead tr) { + position: sticky; + top: 0px; + z-index: 1; + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.table :where(.table-pin-rows tfoot tr) { + position: sticky; + bottom: 0px; + z-index: 1; + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.table :where(.table-pin-cols tr th) { + position: sticky; + left: 0px; + right: 0px; + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.toggle { + flex-shrink: 0; + --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); + --handleoffset: 1.5rem; + --handleoffsetcalculator: calc(var(--handleoffset) * -1); + --togglehandleborder: 0 0; + height: 1.5rem; + width: 3rem; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: var(--rounded-badge, 1.9rem); + border-width: 1px; + border-color: currentColor; + background-color: currentColor; + color: var(--fallback-bc,oklch(var(--bc)/0.5)); + transition: background, + box-shadow var(--animation-input, 0.2s) ease-out; + box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, + 0 0 0 2px var(--tglbg) inset, + var(--togglehandleborder); +} + +.btm-nav > *:where(.active) { + border-top-width: 2px; + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.btm-nav > *.disabled, + .btm-nav > *[disabled] { + pointer-events: none; + --tw-border-opacity: 0; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-bg-opacity: 0.1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; +} + +.btm-nav > * .label { + font-size: 1rem; + line-height: 1.5rem; +} + +@media (prefers-reduced-motion: no-preference) { + .btn { + animation: button-pop var(--animation-btn, 0.25s) ease-out; + } +} + +.btn:active:hover, + .btn:active:focus { + animation: button-pop 0s ease-out; + transform: scale(var(--btn-focus-scale, 0.97)); +} + +@supports not (color: oklch(0% 0 0)) { + .btn { + background-color: var(--btn-color, var(--fallback-b2)); + border-color: var(--btn-color, var(--fallback-b2)); + } + + .btn-primary { + --btn-color: var(--fallback-p); + } + + .btn-secondary { + --btn-color: var(--fallback-s); + } + + .btn-accent { + --btn-color: var(--fallback-a); + } + + .btn-info { + --btn-color: var(--fallback-in); + } + + .btn-warning { + --btn-color: var(--fallback-wa); + } + + .btn-error { + --btn-color: var(--fallback-er); + } +} + +@supports (color: color-mix(in oklab, black, black)) { + .btn-outline.btn-primary.btn-active { + background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); + } + + .btn-outline.btn-secondary.btn-active { + background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); + } + + .btn-outline.btn-accent.btn-active { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + + .btn-outline.btn-info.btn-active { + background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); + } + + .btn-outline.btn-warning.btn-active { + background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); + } + + .btn-outline.btn-error.btn-active { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } +} + +.btn:focus-visible { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; +} + +.btn-primary { + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); + outline-color: var(--fallback-p,oklch(var(--p)/1)); +} + +@supports (color: oklch(0% 0 0)) { + .btn-primary { + --btn-color: var(--p); + } + + .btn-secondary { + --btn-color: var(--s); + } + + .btn-accent { + --btn-color: var(--a); + } + + .btn-info { + --btn-color: var(--in); + } + + .btn-warning { + --btn-color: var(--wa); + } + + .btn-error { + --btn-color: var(--er); + } +} + +.btn-secondary { + --tw-text-opacity: 1; + color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); + outline-color: var(--fallback-s,oklch(var(--s)/1)); +} + +.btn-accent { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + outline-color: var(--fallback-a,oklch(var(--a)/1)); +} + +.btn-info { + --tw-text-opacity: 1; + color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); + outline-color: var(--fallback-in,oklch(var(--in)/1)); +} + +.btn-warning { + --tw-text-opacity: 1; + color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); + outline-color: var(--fallback-wa,oklch(var(--wa)/1)); +} + +.btn-error { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + outline-color: var(--fallback-er,oklch(var(--er)/1)); +} + +.btn.glass { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + outline-color: currentColor; +} + +.btn.glass.btn-active { + --glass-opacity: 25%; + --glass-border-opacity: 15%; +} + +.btn-ghost { + border-width: 1px; + border-color: transparent; + background-color: transparent; + color: currentColor; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + outline-color: currentColor; +} + +.btn-ghost.btn-active { + border-color: transparent; + background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); +} + +.btn-outline.btn-primary { + --tw-text-opacity: 1; + color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); +} + +.btn-outline.btn-primary.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); +} + +.btn-outline.btn-secondary { + --tw-text-opacity: 1; + color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); +} + +.btn-outline.btn-secondary.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); +} + +.btn-outline.btn-accent { + --tw-text-opacity: 1; + color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); +} + +.btn-outline.btn-accent.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); +} + +.btn-outline.btn-info { + --tw-text-opacity: 1; + color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); +} + +.btn-outline.btn-info.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); +} + +.btn-outline.btn-warning { + --tw-text-opacity: 1; + color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); +} + +.btn-outline.btn-warning.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); +} + +.btn-outline.btn-error { + --tw-text-opacity: 1; + color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); +} + +.btn-outline.btn-error.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); +} + +.btn.btn-disabled, + .btn[disabled], + .btn:disabled { + --tw-border-opacity: 0; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-bg-opacity: 0.2; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; +} + +.btn:is(input[type="checkbox"]:checked), +.btn:is(input[type="radio"]:checked) { + --tw-border-opacity: 1; + border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); + --tw-bg-opacity: 1; + background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); +} + +.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible { + outline-color: var(--fallback-p,oklch(var(--p)/1)); +} + +@keyframes button-pop { + 0% { + transform: scale(var(--btn-focus-scale, 0.98)); + } + + 40% { + transform: scale(1.02); + } + + 100% { + transform: scale(1); + } +} + +.card :where(figure:first-child) { + overflow: hidden; + border-start-start-radius: inherit; + border-start-end-radius: inherit; + border-end-start-radius: unset; + border-end-end-radius: unset; +} + +.card :where(figure:last-child) { + overflow: hidden; + border-start-start-radius: unset; + border-start-end-radius: unset; + border-end-start-radius: inherit; + border-end-end-radius: inherit; +} + +.card:focus-visible { + outline: 2px solid currentColor; + outline-offset: 2px; +} + +.card.bordered { + border-width: 1px; + --tw-border-opacity: 1; + border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); +} + +.card.compact .card-body { + padding: 1rem; + font-size: 0.875rem; + line-height: 1.25rem; +} + +.card.image-full :where(figure) { + overflow: hidden; + border-radius: inherit; +} + +.checkbox:focus { + box-shadow: none; +} + +.checkbox:focus-visible { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/1)); +} + +.checkbox:disabled { + border-width: 0px; + cursor: not-allowed; + border-color: transparent; + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + opacity: 0.2; +} + +.checkbox:checked, + .checkbox[aria-checked="true"] { + background-repeat: no-repeat; + animation: checkmark var(--animation-input, 0.2s) ease-out; + background-color: var(--chkbg); + background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), + linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), + linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), + linear-gradient( + 45deg, + var(--chkbg) 30%, + var(--chkfg) 30.99%, + var(--chkfg) 40%, + transparent 40.99% + ), + linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%); +} + +.checkbox:indeterminate { + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + background-repeat: no-repeat; + animation: checkmark var(--animation-input, 0.2s) ease-out; + background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), + linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), + linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%); +} + +@keyframes checkmark { + 0% { + background-position-y: 5px; + } + + 50% { + background-position-y: -2px; + } + + 100% { + background-position-y: 0; + } +} + +details.collapse { + width: 100%; +} + +details.collapse summary { + position: relative; + display: block; + outline: 2px solid transparent; + outline-offset: 2px; +} + +details.collapse summary::-webkit-details-marker { + display: none; +} + +.collapse:focus-visible { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/1)); +} + +.collapse:has(.collapse-title:focus-visible), +.collapse:has(> input[type="checkbox"]:focus-visible), +.collapse:has(> input[type="radio"]:focus-visible) { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/1)); +} + +.collapse-arrow > .collapse-title:after { + position: absolute; + display: block; + height: 0.5rem; + width: 0.5rem; + --tw-translate-y: -100%; + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-duration: 150ms; + transition-duration: 0.2s; + top: 1.9rem; + inset-inline-end: 1.4rem; + content: ""; + transform-origin: 75% 75%; + box-shadow: 2px 2px; + pointer-events: none; +} + +.collapse-plus > .collapse-title:after { + position: absolute; + display: block; + height: 0.5rem; + width: 0.5rem; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-duration: 300ms; + top: 0.9rem; + inset-inline-end: 1.4rem; + content: "+"; + pointer-events: none; +} + +.collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], +.collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), +.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title { + cursor: pointer; +} + +.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title { + cursor: unset; +} + +.collapse-title { + position: relative; +} + +:where(.collapse > input[type="checkbox"]), +:where(.collapse > input[type="radio"]) { + z-index: 1; +} + +.collapse-title, +:where(.collapse > input[type="checkbox"]), +:where(.collapse > input[type="radio"]) { + width: 100%; + padding: 1rem; + padding-inline-end: 3rem; + min-height: 3.75rem; + transition: background-color 0.2s ease-out; +} + +.collapse[open] > :where(.collapse-content), +.collapse-open > :where(.collapse-content), +.collapse:focus:not(.collapse-close) > :where(.collapse-content), +.collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), +.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) { + padding-bottom: 1rem; + transition: padding 0.2s ease-out, + background-color 0.2s ease-out; +} + +.collapse[open].collapse-arrow > .collapse-title:after, +.collapse-open.collapse-arrow > .collapse-title:after, +.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, +.collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, +.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { + --tw-translate-y: -50%; + --tw-rotate: 225deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.collapse[open].collapse-plus > .collapse-title:after, +.collapse-open.collapse-plus > .collapse-title:after, +.collapse-plus:focus:not(.collapse-close) > .collapse-title:after, +.collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, +.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { + content: "−"; +} + +.dropdown.dropdown-open .dropdown-content, +.dropdown:focus .dropdown-content, +.dropdown:focus-within .dropdown-content { + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.input input { + --tw-bg-opacity: 1; + background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); + background-color: transparent; +} + +.input input:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.input[list]::-webkit-calendar-picker-indicator { + line-height: 1em; +} + +.input-bordered { + border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); +} + +.input:focus, + .input:focus-within { + box-shadow: none; + border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); +} + +.input-primary { + --tw-border-opacity: 1; + border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); +} + +.input-primary:focus, + .input-primary:focus-within { + --tw-border-opacity: 1; + border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); + outline-color: var(--fallback-p,oklch(var(--p)/1)); +} + +.input:has(> input[disabled]), + .input-disabled, + .input:disabled, + .input[disabled] { + cursor: not-allowed; + --tw-border-opacity: 1; + border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + color: var(--fallback-bc,oklch(var(--bc)/0.4)); +} + +.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); + --tw-placeholder-opacity: 0.2; +} + +.input:has(> input[disabled])::placeholder, + .input-disabled::placeholder, + .input:disabled::placeholder, + .input[disabled]::placeholder { + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); + --tw-placeholder-opacity: 0.2; +} + +.input:has(> input[disabled]) > input[disabled] { + cursor: not-allowed; +} + +.input::-webkit-date-and-time-value { + text-align: inherit; +} + +.link:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.link:focus-visible { + outline: 2px solid currentColor; + outline-offset: 2px; +} + +:where(.menu li:empty) { + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + opacity: 0.1; + margin: 0.5rem 1rem; + height: 1px; +} + +.menu :where(li ul):before { + position: absolute; + bottom: 0.75rem; + inset-inline-start: 0px; + top: 0.75rem; + width: 1px; + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + opacity: 0.1; + content: ""; +} + +.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), +.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { + border-radius: var(--rounded-btn, 0.5rem); + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + text-align: start; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-duration: 200ms; + text-wrap: balance; +} + +:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible { + cursor: pointer; + background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + outline: 2px solid transparent; + outline-offset: 2px; +} + +.menu li > *:not(ul, .menu-title, details, .btn):active, +.menu li > *:not(ul, .menu-title, details, .btn).active, +.menu li > details > summary:active { + --tw-bg-opacity: 1; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); + --tw-text-opacity: 1; + color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); +} + +.menu :where(li > details > summary)::-webkit-details-marker { + display: none; +} + +.menu :where(li > details > summary):after, +.menu :where(li > .menu-dropdown-toggle):after { + justify-self: end; + display: block; + margin-top: -0.5rem; + height: 0.5rem; + width: 0.5rem; + transform: rotate(45deg); + transition-property: transform, margin-top; + transition-duration: 0.3s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + content: ""; + transform-origin: 75% 75%; + box-shadow: 2px 2px; + pointer-events: none; +} + +.menu :where(li > details[open] > summary):after, +.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { + transform: rotate(225deg); + margin-top: 0; +} + +.mockup-browser .mockup-browser-toolbar .input { + position: relative; + margin-left: auto; + margin-right: auto; + display: block; + height: 1.75rem; + width: 24rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + padding-left: 2rem; + direction: ltr; +} + +.mockup-browser .mockup-browser-toolbar .input:before { + content: ""; + position: absolute; + left: 0.5rem; + top: 50%; + aspect-ratio: 1 / 1; + height: 0.75rem; + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + border-radius: 9999px; + border-width: 2px; + border-color: currentColor; + opacity: 0.6; +} + +.mockup-browser .mockup-browser-toolbar .input:after { + content: ""; + position: absolute; + left: 1.25rem; + top: 50%; + height: 0.5rem; + --tw-translate-y: 25%; + --tw-rotate: -45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + border-radius: 9999px; + border-width: 1px; + border-color: currentColor; + opacity: 0.6; +} + +.modal:not(dialog:not(.modal-open)), + .modal::backdrop { + background-color: #0006; + animation: modal-pop 0.2s ease-out; +} + +.modal-open .modal-box, +.modal-toggle:checked + .modal .modal-box, +.modal:target .modal-box, +.modal[open] .modal-box { + --tw-translate-y: 0px; + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +@keyframes modal-pop { + 0% { + opacity: 0; + } +} + +@keyframes progress-loading { + 50% { + background-position-x: -115%; + } +} + +.radio:focus { + box-shadow: none; +} + +.radio:focus-visible { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/1)); +} + +.radio:checked, + .radio[aria-checked="true"] { + --tw-bg-opacity: 1; + background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); + background-image: none; + animation: radiomark var(--animation-input, 0.2s) ease-out; + box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, + 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; +} + +.radio:disabled { + cursor: not-allowed; + opacity: 0.2; +} + +@keyframes radiomark { + 0% { + box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, + 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; + } + + 50% { + box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, + 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; + } + + 100% { + box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, + 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; + } +} + +@keyframes rating-pop { + 0% { + transform: translateY(-0.125em); + } + + 40% { + transform: translateY(-0.125em); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes skeleton { + from { + background-position: 150%; + } + + to { + background-position: -50%; + } +} + +.tabs-lifted > .tab:focus-visible { + border-end-end-radius: 0; + border-end-start-radius: 0; +} + +.tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) { + border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); + --tw-border-opacity: 1; + --tw-text-opacity: 1; +} + +.tab:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.tab:focus-visible { + outline: 2px solid currentColor; + outline-offset: -5px; +} + +.tab-disabled, + .tab[disabled] { + cursor: not-allowed; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + --tw-text-opacity: 0.2; +} + +.tabs-bordered > .tab { + border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); + --tw-border-opacity: 0.2; + border-style: solid; + border-bottom-width: calc(var(--tab-border, 1px) + 1px); +} + +.tabs-lifted > .tab { + border: var(--tab-border, 1px) solid transparent; + border-width: 0 0 var(--tab-border, 1px) 0; + border-start-start-radius: var(--tab-radius, 0.5rem); + border-start-end-radius: var(--tab-radius, 0.5rem); + border-bottom-color: var(--tab-border-color); + padding-inline-start: var(--tab-padding, 1rem); + padding-inline-end: var(--tab-padding, 1rem); + padding-top: var(--tab-border, 1px); +} + +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { + background-color: var(--tab-bg); + border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); + border-inline-start-color: var(--tab-border-color); + border-inline-end-color: var(--tab-border-color); + border-top-color: var(--tab-border-color); + padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); + padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); + padding-bottom: var(--tab-border, 1px); + padding-top: 0; +} + +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before { + z-index: 1; + content: ""; + display: block; + position: absolute; + width: calc(100% + var(--tab-radius, 0.5rem) * 2); + height: var(--tab-radius, 0.5rem); + bottom: 0; + background-size: var(--tab-radius, 0.5rem); + background-position: top left, + top right; + background-repeat: no-repeat; + --tab-grad: calc(69% - var(--tab-border, 1px)); + --radius-start: radial-gradient( + circle at top left, + transparent var(--tab-grad), + var(--tab-border-color) calc(var(--tab-grad) + 0.25px), + var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), + var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) + ); + --radius-end: radial-gradient( + circle at top right, + transparent var(--tab-grad), + var(--tab-border-color) calc(var(--tab-grad) + 0.25px), + var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), + var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) + ); + background-image: var(--radius-start), var(--radius-end); +} + +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before { + background-image: var(--radius-end); + background-position: top right; +} + +[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before { + background-image: var(--radius-start); + background-position: top left; +} + +.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before { + background-image: var(--radius-start); + background-position: top left; +} + +[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before { + background-image: var(--radius-end); + background-position: top right; +} + +.tabs-lifted + > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]) + + .tabs-lifted + :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before { + background-image: var(--radius-end); + background-position: top right; +} + +.tabs-boxed { + border-radius: var(--rounded-btn, 0.5rem); + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + padding: 0.25rem; +} + +.tabs-boxed .tab { + border-radius: var(--rounded-btn, 0.5rem); +} + +.tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) { + --tw-bg-opacity: 1; + background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); + --tw-text-opacity: 1; + color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); +} + +:is([dir="rtl"] .table) { + text-align: right; +} + +.table :where(th, td) { + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; + vertical-align: middle; +} + +.table tr.active, + .table tr.active:nth-child(even), + .table-zebra tbody tr:nth-child(even) { + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); +} + +.table-zebra tr.active, + .table-zebra tr.active:nth-child(even), + .table-zebra-zebra tbody tr:nth-child(even) { + --tw-bg-opacity: 1; + background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); +} + +.table :where(thead tr, tbody tr:not(:last-child),tbody tr:first-child:last-child) { + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); +} + +.table :where(thead, tfoot) { + white-space: nowrap; + font-size: 0.75rem; + line-height: 1rem; + font-weight: 700; + color: var(--fallback-bc,oklch(var(--bc)/0.6)); +} + +.table :where(tfoot) { + border-top-width: 1px; + --tw-border-opacity: 1; + border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); +} + +@keyframes toast-pop { + 0% { + transform: scale(0.9); + opacity: 0; + } + + 100% { + transform: scale(1); + opacity: 1; + } +} + +[dir="rtl"] .toggle { + --handleoffsetcalculator: calc(var(--handleoffset) * 1); +} + +.toggle:focus-visible { + outline-style: solid; + outline-width: 2px; + outline-offset: 2px; + outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); +} + +.toggle:hover { + background-color: currentColor; +} + +.toggle:checked, + .toggle[aria-checked="true"] { + background-image: none; + --handleoffsetcalculator: var(--handleoffset); + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); +} + +[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] { + --handleoffsetcalculator: calc(var(--handleoffset) * -1); +} + +.toggle:indeterminate { + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, + calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, + 0 0 0 2px var(--tglbg) inset; +} + +[dir="rtl"] .toggle:indeterminate { + box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, + calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, + 0 0 0 2px var(--tglbg) inset; +} + +.toggle:disabled { + cursor: not-allowed; + --tw-border-opacity: 1; + border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); + background-color: transparent; + opacity: 0.3; + --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, + var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; +} + +.btm-nav-xs > *:where(.active) { + border-top-width: 1px; +} + +.btm-nav-sm > *:where(.active) { + border-top-width: 2px; +} + +.btm-nav-md > *:where(.active) { + border-top-width: 2px; +} + +.btm-nav-lg > *:where(.active) { + border-top-width: 4px; +} + +.btn-sm { + height: 2rem; + min-height: 2rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 0.875rem; +} + +.btn-block { + width: 100%; +} + +.btn-square:where(.btn-sm) { + height: 2rem; + width: 2rem; + padding: 0px; +} + +.btn-circle:where(.btn-sm) { + height: 2rem; + width: 2rem; + border-radius: 9999px; + padding: 0px; +} + +.input-sm { + height: 2rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 0.875rem; + line-height: 2rem; +} + +.tabs-md :where(.tab) { + height: 2rem; + font-size: 0.875rem; + line-height: 1.25rem; + line-height: 2; + --tab-padding: 1rem; +} + +.tabs-lg :where(.tab) { + height: 3rem; + font-size: 1.125rem; + line-height: 1.75rem; + line-height: 2; + --tab-padding: 1.25rem; +} + +.tabs-sm :where(.tab) { + height: 1.5rem; + font-size: 0.875rem; + line-height: .75rem; + --tab-padding: 0.75rem; +} + +.tabs-xs :where(.tab) { + height: 1.25rem; + font-size: 0.75rem; + line-height: .75rem; + --tab-padding: 0.5rem; +} + +.tooltip { + position: relative; + display: inline-block; + --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)); +} + +.tooltip:before { + position: absolute; + pointer-events: none; + z-index: 1; + content: var(--tw-content); + --tw-content: attr(data-tip); +} + +.tooltip:before, .tooltip-top:before { + transform: translateX(-50%); + top: auto; + left: 50%; + right: auto; + bottom: var(--tooltip-offset); +} + +.tooltip-bottom:before { + transform: translateX(-50%); + top: var(--tooltip-offset); + left: 50%; + right: auto; + bottom: auto; +} + +.tooltip-left:before { + transform: translateY(-50%); + top: 50%; + left: auto; + right: var(--tooltip-offset); + bottom: auto; +} + +.tooltip { + position: relative; + display: inline-block; + text-align: center; + --tooltip-tail: 0.1875rem; + --tooltip-color: var(--fallback-n,oklch(var(--n)/1)); + --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)); + --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail)); +} + +.tooltip:before, +.tooltip:after { + opacity: 0; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-delay: 100ms; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.tooltip:after { + position: absolute; + content: ""; + border-style: solid; + border-width: var(--tooltip-tail, 0); + width: 0; + height: 0; + display: block; +} + +.tooltip:before { + max-width: 20rem; + border-radius: 0.25rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; + line-height: 1.25rem; + background-color: var(--tooltip-color); + color: var(--tooltip-text-color); + width: -moz-max-content; + width: max-content; +} + +.tooltip.tooltip-open:before { + opacity: 1; + transition-delay: 75ms; +} + +.tooltip.tooltip-open:after { + opacity: 1; + transition-delay: 75ms; +} + +.tooltip:hover:before { + opacity: 1; + transition-delay: 75ms; +} + +.tooltip:hover:after { + opacity: 1; + transition-delay: 75ms; +} + +.tooltip:has(:focus-visible):after, +.tooltip:has(:focus-visible):before { + opacity: 1; + transition-delay: 75ms; +} + +.tooltip:not([data-tip]):hover:before, +.tooltip:not([data-tip]):hover:after { + visibility: hidden; + opacity: 0; +} + +.tooltip:after, .tooltip-top:after { + transform: translateX(-50%); + border-color: var(--tooltip-color) transparent transparent transparent; + top: auto; + left: 50%; + right: auto; + bottom: var(--tooltip-tail-offset); +} + +.tooltip-bottom:after { + transform: translateX(-50%); + border-color: transparent transparent var(--tooltip-color) transparent; + top: var(--tooltip-tail-offset); + left: 50%; + right: auto; + bottom: auto; +} + +.tooltip-left:after { + transform: translateY(-50%); + border-color: transparent transparent transparent var(--tooltip-color); + top: 50%; + left: auto; + right: calc(var(--tooltip-tail-offset) + 0.0625rem); + bottom: auto; +} + +.tooltip-secondary { + --tooltip-color: var(--fallback-s,oklch(var(--s)/1)); + --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1)); +} + +/* override daisy ui */ + +.tooltip { + display: revert; +} + +.tooltip:before { + z-index: 20; +} + +.dropdown { + position: revert; +} + +.tab:is(input[type="radio"]) { + border-bottom-right-radius: var(--rounded-btn, 0.5rem); + border-bottom-left-radius: var(--rounded-btn, 0.5rem); +} + +.collapse { + border-radius: 0px; +} + +.collapse-title { + min-height: 0px; + padding: 0px; +} + +.collapse-content { + cursor: pointer !important; + padding-bottom: 0px !important; +} + +/* my components */ + +.header { + width: 100%; + text-align: center; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 600; + text-decoration-line: underline; +} + +.panel { + border-width: 1px; + --tw-border-opacity: 1; + border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); + padding: 0.5rem; +} + +.collapse { + visibility: collapse; +} + +.static { + position: static; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.bottom-0 { + bottom: 0px; +} + +.bottom-10 { + bottom: 2.5rem; +} + +.left-0 { + left: 0px; +} + +.left-2 { + left: 0.5rem; +} + +.right-1 { + right: 0.25rem; +} + +.right-2 { + right: 0.5rem; +} + +.top-0 { + top: 0px; +} + +.top-1 { + top: 0.25rem; +} + +.top-10 { + top: 2.5rem; +} + +.top-2 { + top: 0.5rem; +} + +.top-3 { + top: 0.75rem; +} + +.top-40 { + top: 10rem; +} + +.top-\[180px\] { + top: 180px; +} + +.z-10 { + z-index: 10; +} + +.m-2 { + margin: 0.5rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-auto { + margin-top: auto; + margin-bottom: auto; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-5 { + margin-top: 1.25rem; +} + +.box-content { + box-sizing: content-box; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.flex { + display: flex; +} + +.table { + display: table; +} + +.hidden { + display: none; +} + +.h-10 { + height: 2.5rem; +} + +.h-2 { + height: 0.5rem; +} + +.h-4 { + height: 1rem; +} + +.h-6 { + height: 1.5rem; +} + +.h-8 { + height: 2rem; +} + +.h-\[18\%\] { + height: 18%; +} + +.h-full { + height: 100%; +} + +.h-screen { + height: 100vh; +} + +.min-h-0 { + min-height: 0px; +} + +.min-h-\[218px\] { + min-height: 218px; +} + +.min-h-\[268px\] { + min-height: 268px; +} + +.w-10 { + width: 2.5rem; +} + +.w-16 { + width: 4rem; +} + +.w-2 { + width: 0.5rem; +} + +.w-24 { + width: 6rem; +} + +.w-4 { + width: 1rem; +} + +.w-52 { + width: 13rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-60 { + width: 15rem; +} + +.w-72 { + width: 18rem; +} + +.w-8 { + width: 2rem; +} + +.w-full { + width: 100%; +} + +.min-w-36 { + min-width: 9rem; +} + +.max-w-40 { + max-width: 10rem; +} + +.max-w-\[144px\] { + max-width: 144px; +} + +.grow { + flex-grow: 1; +} + +.grow-0 { + flex-grow: 0; +} + +.border-separate { + border-collapse: separate; +} + +.border-spacing-0 { + --tw-border-spacing-x: 0px; + --tw-border-spacing-y: 0px; + border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); +} + +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.cursor-not-allowed { + cursor: not-allowed; +} + +.cursor-pointer { + cursor: pointer; +} + +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.list-disc { + list-style-type: disc; +} + +.flex-row { + flex-direction: row; +} + +.flex-col { + flex-direction: column; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.items-start { + align-items: flex-start; +} + +.items-end { + align-items: flex-end; +} + +.items-center { + align-items: center; +} + +.justify-start { + justify-content: flex-start; +} + +.justify-center { + justify-content: center; +} + +.gap-0 { + gap: 0px; +} + +.gap-1 { + gap: 0.25rem; +} + +.gap-2 { + gap: 0.5rem; +} + +.gap-3 { + gap: 0.75rem; +} + +.gap-5 { + gap: 1.25rem; +} + +.self-center { + align-self: center; +} + +.overflow-x-hidden { + overflow-x: hidden; +} + +.overflow-y-hidden { + overflow-y: hidden; +} + +.overflow-x-scroll { + overflow-x: scroll; +} + +.overflow-y-scroll { + overflow-y: scroll; +} + +.whitespace-nowrap { + white-space: nowrap; +} + +.text-wrap { + text-wrap: wrap; +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-box { + border-radius: var(--rounded-box, 1rem); +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.border { + border-width: 1px; +} + +.border-3 { + border-width: 3px; +} + +.border-l { + border-left-width: 1px; +} + +.border-t { + border-top-width: 1px; +} + +.border-error { + --tw-border-opacity: 1; + border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); +} + +.border-neutral { + --tw-border-opacity: 1; + border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); +} + +.border-suit-military { + --tw-border-opacity: 1; + border-color: rgb(223 71 71 / var(--tw-border-opacity)); +} + +.border-suit-noble { + --tw-border-opacity: 1; + border-color: rgb(224 189 22 / var(--tw-border-opacity)); +} + +.border-suit-religious { + --tw-border-opacity: 1; + border-color: rgb(75 203 214 / var(--tw-border-opacity)); +} + +.border-suit-trade { + --tw-border-opacity: 1; + border-color: rgb(104 189 126 / var(--tw-border-opacity)); +} + +.border-suit-unique { + --tw-border-opacity: 1; + border-color: rgb(169 107 244 / var(--tw-border-opacity)); +} + +.border-transparent { + border-color: transparent; +} + +.bg-\[rgba\(30\2c 30\2c 30\2c 0\.5\)\] { + background-color: rgba(30,30,30,0.5); +} + +.bg-base-100 { + --tw-bg-opacity: 1; + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); +} + +.bg-base-200 { + --tw-bg-opacity: 1; + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); +} + +.bg-base-300 { + --tw-bg-opacity: 1; + background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); +} + +.bg-neutral { + --tw-bg-opacity: 1; + background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); +} + +.bg-secondary { + --tw-bg-opacity: 1; + background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); +} + +.bg-suit-military { + --tw-bg-opacity: 1; + background-color: rgb(223 71 71 / var(--tw-bg-opacity)); +} + +.bg-suit-noble { + --tw-bg-opacity: 1; + background-color: rgb(224 189 22 / var(--tw-bg-opacity)); +} + +.bg-suit-religious { + --tw-bg-opacity: 1; + background-color: rgb(75 203 214 / var(--tw-bg-opacity)); +} + +.bg-suit-trade { + --tw-bg-opacity: 1; + background-color: rgb(104 189 126 / var(--tw-bg-opacity)); +} + +.bg-suit-unique { + --tw-bg-opacity: 1; + background-color: rgb(169 107 244 / var(--tw-bg-opacity)); +} + +.bg-gradient-radial { + background-image: radial-gradient(var(--tw-gradient-stops)); +} + +.from-indigo-400 { + --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-indigo-500 { + --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.fill-current { + fill: currentColor; +} + +.p-0 { + padding: 0px; +} + +.p-1 { + padding: 0.25rem; +} + +.p-2 { + padding: 0.5rem; +} + +.p-4 { + padding: 1rem; +} + +.p-7 { + padding: 1.75rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.text-center { + text-align: center; +} + +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-5xl { + font-size: 3rem; + line-height: 1; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + +.font-semibold { + font-weight: 600; +} + +.italic { + font-style: italic; +} + +.text-base-content { + --tw-text-opacity: 1; + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); +} + +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.text-neutral-content { + --tw-text-opacity: 1; + color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.underline { + text-decoration-line: underline; +} + +.decoration-suit-military { + text-decoration-color: rgb(223, 71, 71); +} + +.decoration-suit-noble { + text-decoration-color: rgb(224, 189, 22); +} + +.decoration-suit-religious { + text-decoration-color: rgb(75, 203, 214); +} + +.decoration-suit-trade { + text-decoration-color: rgb(104, 189, 126); +} + +.decoration-suit-unique { + text-decoration-color: rgb(169, 107, 244); +} + +.opacity-0 { + opacity: 0; +} + +.opacity-100 { + opacity: 1; +} + +.opacity-60 { + opacity: 0.6; +} + +.shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.saturate-0 { + --tw-saturate: saturate(0); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +/* + * This is a workaround for mobile, so that scroll + * and other gestures don't interfere with dragging + * https://github.com/taye/interact.js/issues/595#issuecomment-372888571 + */ + +.draggable { + cursor: grab !important; + touch-action: none !important; +} + +.dragging { + cursor: grabbing !important; + z-index: 1000 !important; +} + +@media (hover: hover) { + .hover\:btn-accent:hover.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .hover\:btn-accent:hover.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .hover\:btn-accent:hover.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .hover\:btn-accent:hover.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .hover\:btn-error:hover.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .hover\:btn-error:hover.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } + + .hover\:btn-error:hover.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .hover\:btn-error:hover.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } +} + +@supports not (color: oklch(0% 0 0)) { + .hover\:btn-accent:hover { + --btn-color: var(--fallback-a); + } + + .hover\:btn-error:hover { + --btn-color: var(--fallback-er); + } +} + +@supports (color: color-mix(in oklab, black, black)) { + .hover\:btn-accent:hover.btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + + .hover\:btn-error:hover.btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } +} + +@supports (color: oklch(0% 0 0)) { + .hover\:btn-accent:hover { + --btn-color: var(--a); + } + + .hover\:btn-error:hover { + --btn-color: var(--er); + } +} + +.hover\:btn-accent:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + outline-color: var(--fallback-a,oklch(var(--a)/1)); +} + +.hover\:btn-error:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + outline-color: var(--fallback-er,oklch(var(--er)/1)); +} + +.hover\:btn-accent:hover.btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); +} + +.hover\:btn-accent:hover.btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); +} + +.hover\:btn-error:hover.btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); +} + +.hover\:btn-error:hover.btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); +} + +@media (hover: hover) { + .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } + + .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } +} + +@supports not (color: oklch(0% 0 0)) { + .has-\[\:checked\]\:btn-accent:has(:checked) { + --btn-color: var(--fallback-a); + } + + .has-\[\:checked\]\:btn-error:has(:checked) { + --btn-color: var(--fallback-er); + } +} + +@supports (color: color-mix(in oklab, black, black)) { + .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + + .has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } +} + +@supports (color: oklch(0% 0 0)) { + .has-\[\:checked\]\:btn-accent:has(:checked) { + --btn-color: var(--a); + } + + .has-\[\:checked\]\:btn-error:has(:checked) { + --btn-color: var(--er); + } +} + +.has-\[\:checked\]\:btn-accent:has(:checked) { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + outline-color: var(--fallback-a,oklch(var(--a)/1)); +} + +.has-\[\:checked\]\:btn-error:has(:checked) { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + outline-color: var(--fallback-er,oklch(var(--er)/1)); +} + +.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); +} + +.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); +} + +.has-\[\:checked\]\:btn-error:has(:checked).btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); +} + +.has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); +} + +@media (hover: hover) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + } + + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } + + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + } + + @supports (color: color-mix(in oklab, black, black)) { + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } + } +} + +@supports not (color: oklch(0% 0 0)) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { + --btn-color: var(--fallback-a); + } + + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { + --btn-color: var(--fallback-er); + } +} + +@supports (color: color-mix(in oklab, black, black)) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); + } + + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { + background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); + } +} + +@supports (color: oklch(0% 0 0)) { + .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { + --btn-color: var(--a); + } + + .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { + --btn-color: var(--er); + } +} + +.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); + outline-color: var(--fallback-a,oklch(var(--a)/1)); +} + +.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); + outline-color: var(--fallback-er,oklch(var(--er)/1)); +} + +.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); +} + +.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); +} + +.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline { + --tw-text-opacity: 1; + color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); +} + +.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { + --tw-text-opacity: 1; + color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); +} + +.before\:w-full::before { + content: var(--tw-content); + width: 100%; +} + +.before\:max-w-\[155px\]::before { + content: var(--tw-content); + max-width: 155px; +} + +.before\:max-w-full::before { + content: var(--tw-content); + max-width: 100%; +} + +.first\:border-t-0:first-child { + border-top-width: 0px; +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.peer:checked ~ .peer-checked\:border { + border-width: 1px; +} + +.peer:checked ~ .peer-checked\:border-4 { + border-width: 4px; +} + +.peer:checked ~ .peer-checked\:border-success { + --tw-border-opacity: 1; + border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); +} + +.peer:checked ~ .peer-checked\:from-indigo-400 { + --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.peer:checked ~ .peer-checked\:p-0 { + padding: 0px; +} + +.peer:checked ~ .peer-checked\:saturate-100 { + --tw-saturate: saturate(1); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.has-\[\:checked\]\:border:has(:checked) { + border-width: 1px; +} + +.has-\[\:checked\]\:border-4:has(:checked) { + border-width: 4px; +} + +.has-\[\:checked\]\:border-success:has(:checked) { + --tw-border-opacity: 1; + border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); +} + +.has-\[\:checked\]\:p-0:has(:checked) { + padding: 0px; +} + +.has-\[\:focus-visible\]\:ring-4:has(:focus-visible) { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} diff --git a/src/bins/reset_db.rs b/src/bins/reset_db.rs deleted file mode 100644 index dc0b218..0000000 --- a/src/bins/reset_db.rs +++ /dev/null @@ -1,50 +0,0 @@ -use rusqlite::{Connection, Result}; -use std::fs; -use std::fs::OpenOptions; -use std::path::Path; - -// https://www.sqlite.org/docs.html -// https://www.sqlite.org/wal.html -// https://news.ycombinator.com/item?id=33975635 -fn main() -> Result<()> { - let path = format!("{}/volume/games.db", env!("CARGO_MANIFEST_DIR")); - let path = Path::new(&path); - if path.exists() { - fs::remove_file(path).unwrap(); - } - - OpenOptions::new() - .create_new(true) - .write(true) - .append(true) - .open(path) - .unwrap(); - - // https://github.com/rusqlite/rusqlite - let conn = Connection::open(path)?; - - conn.execute( - "CREATE TABLE games ( - id INTEGER PRIMARY KEY, - seed BLOB, - players TEXT, - roles TEXT, - complete INTEGER DEFAULT 0, - timestamp TEXT DEFAULT now - - )", - (), // empty list of parameters. - )?; - - conn.execute( - "CREATE TABLE actions ( - id INTEGER PRIMARY KEY, - game_id INTEGER, - data TEXT, - FOREIGN KEY(game_id) REFERENCES game(id) - )", - (), // empty list of parameters. - )?; - - Ok(()) -} diff --git a/src/game.rs b/src/game.rs index 8e83b2d..fba597d 100644 --- a/src/game.rs +++ b/src/game.rs @@ -6,7 +6,6 @@ use crate::lobby::{self, Lobby}; use crate::museum::Museum; use crate::random::Prng; use crate::roles::{Rank, RoleName}; -use crate::sqlite::DbLog; use crate::types::{CardSuit, Marker, PlayerId, PlayerName}; use macros::tag::Tag; use rand::prelude::*; @@ -408,7 +407,6 @@ pub struct Game { // logs pub logs: Vec>, - pub db_log: Option, // card specific metadata pub museum: Museum, @@ -598,10 +596,6 @@ impl Game { config, } = lobby; - let db_log = DbLog::new(rng.seed, &players) - .map_err(|e| log::error!("{}", e)) - .ok(); - // randomize the seating order players.shuffle(&mut rng); @@ -639,7 +633,6 @@ impl Game { let mut game = Game { rng, players, - db_log, crowned, characters, round: 0, @@ -930,14 +923,6 @@ impl Game { notifications: _, } = self.perform_action(&action)?; - if let Some(log) = self.db_log.as_mut() { - if let Err(err) = log.append(&action) { - log::error!("{}", err); - log::info!("Disabling db action log"); - self.db_log = None; - } - } - self.followup = followup; log::info!("{:#?}", log); diff --git a/src/lib.rs b/src/lib.rs index ecae882..ed3a0b4 100644 --- a/src/lib.rs +++ b/src/lib.rs @@ -10,6 +10,5 @@ pub mod museum; pub mod random; pub mod roles; pub mod server; -pub mod sqlite; pub mod templates; pub mod types; diff --git a/src/sqlite.rs b/src/sqlite.rs deleted file mode 100644 index a76beee..0000000 --- a/src/sqlite.rs +++ /dev/null @@ -1,85 +0,0 @@ -use std::fmt::Debug; - -use crate::game::Game; -use crate::random::Seed; - -use crate::{game, lobby}; - -use rusqlite::{Connection, Result}; - -use crate::actions::Action; - -pub struct DbLog { - conn: Connection, - game_id: usize, -} -impl Debug for DbLog { - fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { - write!(f, "db_log omitted") - } -} - -impl DbLog { - // https://www.sqlite.org/docs.html - // https://www.sqlite.org/wal.html - // https://news.ycombinator.com/item?id=33975635 - // https://github.com/rusqlite/rusqlite - pub fn new(seed: Seed, players: &[lobby::Player]) -> game::Result { - let path = format!("{}/volume/games.db", env!("CARGO_MANIFEST_DIR")); - let players = serde_json::to_string(players).map_err(|e| e.to_string())?; - let conn = Connection::open(path).map_err(|e| e.to_string())?; - let game_id: usize = conn - .prepare("INSERT INTO games (seed, players) VALUES (?1, ?2) RETURNING (id)") - .map_err(|e| e.to_string())? - .query_row((seed, players), |row| row.get("id")) - .map_err(|e| e.to_string())?; - log::info!("game_id: {}", game_id); - Ok(Self { game_id, conn }) - } - - pub fn append(&mut self, action: &Action) -> Result<()> { - self.conn - .prepare_cached("INSERT INTO actions (game_id, data) VALUES (?1, ?2)")? - .execute((self.game_id, serde_json::to_string(action).unwrap()))?; - Ok(()) - } - - pub fn restore(_game_id: &str) -> game::Result { - Err("not implemented".into()) - /* - let path = format!("{}/volume/games.db", env!("CARGO_MANIFEST_DIR")); - let conn = Connection::open(path).unwrap(); - let (seed, players): (Seed, String, String) = conn - .prepare("SELECT seed, players FROM games WHERE games.id = ?1") - .map_err(|e| e.to_string())? - .query_row([game_id], |row| Ok((row.get("seed")?, row.get("players")?))) - .map_err(|e| e.to_string())?; - - let players: Vec = - serde_json::from_str(&players).map_err(|e| e.to_string())?; - - let rng = Prng::from_seed(seed); - let mut game = Game::start(rng, lobby, rng); - let actions: Vec = conn - .prepare("SELECT data FROM actions WHERE actions.game_id = ?1") - .map_err(|e| e.to_string())? - .query_map([game_id], |row| row.get("data")) - .map_err(|e| e.to_string())? - .map(|result| { - let data: String = result.map_err(|e| e.to_string())?; - serde_json::from_str(&data).map_err(|e| e.to_string())? - }) - .collect::>>()?; - - // disable db_log while replaying the game up to the current point. - let db_log = game.db_log.take(); - for action in actions { - log::info!("{:?}", action); - game.perform(action)?; - } - game.db_log = db_log; - - Ok(game) - */ - } -} From 99e5a75802ed0cc6936f8d28f5fd7788c8f06f65 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:35:55 -0400 Subject: [PATCH 3/9] WIP --- Cargo.lock | 259 +++++++++++++++++++++++++++++++++++++++-------------- Cargo.toml | 36 ++++---- 2 files changed, 212 insertions(+), 83 deletions(-) diff --git a/Cargo.lock b/Cargo.lock index 6f9d6bc..0f60b51 100644 --- a/Cargo.lock +++ b/Cargo.lock @@ -76,6 +76,21 @@ dependencies = [ "libc", ] +[[package]] +name = "anyhow" +version = "1.0.85" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "27a4bd113ab6da4cd0f521068a6e2ee1065eab54107266a11835d02c8ec86a37" + +[[package]] +name = "arcstr" +version = "1.2.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "03918c3dbd7701a85c6b9887732e2921175f26c350b4563841d0958c21d57e6d" +dependencies = [ + "serde", +] + [[package]] name = "askama" version = "0.12.1" @@ -84,9 +99,6 @@ checksum = "b79091df18a97caea757e28cd2d5fda49c6cd4bd01ddffd7ff01ace0c0ad2c28" dependencies = [ "askama_derive", "askama_escape", - "humansize", - "num-traits", - "percent-encoding", ] [[package]] @@ -96,12 +108,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "2ccf09143e56923c12e027b83a9553210a3c58322ed8419a53461b14a4dccd85" dependencies = [ "askama_parser", - "basic-toml", "mime", "mime_guess", "proc-macro2", "quote", - "serde", "syn", ] @@ -145,7 +155,8 @@ checksum = "202651474fe73c62d9e0a56c6133f7a0ff1dc1c8cf7a5b03381af2a26553ac9d" dependencies = [ "async-trait", "axum-core", - "base64", + "axum-macros", + "base64 0.21.5", "bytes", "futures-util", "http 1.0.0", @@ -215,6 +226,18 @@ dependencies = [ "tower-service", ] +[[package]] +name = "axum-macros" +version = "0.4.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "00c055ee2d014ae5981ce1016374e8213682aa14d9bf40e48ab48b5f3ef20eaa" +dependencies = [ + "heck", + "proc-macro2", + "quote", + "syn", +] + [[package]] name = "backtrace" version = "0.3.69" @@ -237,13 +260,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "35636a1494ede3b646cc98f74f8e62c773a38a659ebc777a2cf26b9b74171df9" [[package]] -name = "basic-toml" -version = "0.1.7" +name = "base64" +version = "0.22.1" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "2f2139706359229bfa8f19142ac1155b4b80beafb7a60471ac5dd109d4a19778" -dependencies = [ - "serde", -] +checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6" [[package]] name = "bitflags" @@ -318,8 +338,10 @@ dependencies = [ [[package]] name = "citadels" -version = "0.0.0" +version = "0.7.1" dependencies = [ + "anyhow", + "arcstr", "askama", "axum", "axum-core", @@ -330,18 +352,21 @@ dependencies = [ "http 1.0.0", "log", "macros", - "mime", + "maud", "rand", "rand_core", "rand_xoshiro", + "reqwest", "serde", "serde_json", "serde_with", + "thiserror", "time", "tokio", "tokio-stream", "tower", "tower-http", + "tracing", "uuid", ] @@ -352,7 +377,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "3cd91cf61412820176e137621345ee43b3f4423e589e7ae4e50d601d93e35ef8" dependencies = [ "aes-gcm", - "base64", + "base64 0.21.5", "percent-encoding", "rand", "subtle", @@ -514,7 +539,6 @@ checksum = "645c6916888f6cb6350d2550b80fb63e734897a8498abe35cfb732b6487804b0" dependencies = [ "futures-channel", "futures-core", - "futures-executor", "futures-io", "futures-sink", "futures-task", @@ -537,34 +561,12 @@ version = "0.3.30" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "dfc6580bb841c5a68e9ef15c77ccc837b40a7504914d52e47b8b0e9bbda25a1d" -[[package]] -name = "futures-executor" -version = "0.3.30" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "a576fc72ae164fca6b9db127eaa9a9dda0d61316034f33a0a0d4eda41f02b01d" -dependencies = [ - "futures-core", - "futures-task", - "futures-util", -] - [[package]] name = "futures-io" version = "0.3.30" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "a44623e20b9681a318efdd71c299b6b222ed6f231972bfe2f224ebad6311f0c1" -[[package]] -name = "futures-macro" -version = "0.3.30" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "87750cf4b7a4c0625b1529e4c543c2182106e4dedc60a2a6455e00d212c489ac" -dependencies = [ - "proc-macro2", - "quote", - "syn", -] - [[package]] name = "futures-sink" version = "0.3.30" @@ -583,13 +585,9 @@ version = "0.3.30" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "3d6401deb83407ab3da39eba7e33987a73c3df0c82b4bb5813ee871c19c41d48" dependencies = [ - "futures-channel", "futures-core", - "futures-io", - "futures-macro", "futures-sink", "futures-task", - "memchr", "pin-project-lite", "pin-utils", "slab", @@ -663,6 +661,12 @@ version = "0.14.3" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "290f1a1d9242c78d09ce40a5e87e7554ee637af1351968159f4952f028f75604" +[[package]] +name = "heck" +version = "0.4.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8" + [[package]] name = "hermit-abi" version = "0.3.3" @@ -738,15 +742,6 @@ version = "1.0.3" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "df3b46402a9d5adb4c86a0cf463f42e19994e3ee891101b1841f30a545cb49a9" -[[package]] -name = "humansize" -version = "2.1.3" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "6cb51c9a029ddc91b07a787f1d86b53ccfa49b0e86688c946ebe8d3555685dd7" -dependencies = [ - "libm", -] - [[package]] name = "humantime" version = "2.1.0" @@ -770,13 +765,14 @@ dependencies = [ "itoa", "pin-project-lite", "tokio", + "want", ] [[package]] name = "hyper-util" -version = "0.1.2" +version = "0.1.3" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "bdea9aac0dbe5a9240d68cfd9501e2db94222c6dc06843e06640b9e07f0fdc67" +checksum = "ca38ef113da30126bbff9cd1705f9273e15d45498615d138b0c20279ac7a76aa" dependencies = [ "bytes", "futures-channel", @@ -787,6 +783,8 @@ dependencies = [ "pin-project-lite", "socket2", "tokio", + "tower", + "tower-service", "tracing", ] @@ -860,6 +858,12 @@ dependencies = [ "generic-array", ] +[[package]] +name = "ipnet" +version = "2.9.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8f518f335dce6725a761382244631d86cf0ccb2863413590b31338feb467f9c3" + [[package]] name = "is-terminal" version = "0.4.10" @@ -892,12 +896,6 @@ version = "0.2.151" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "302d7ab3130588088d277783b1e2d2e10c9e9e4a16dd9050e6ec93fb3e7048f4" -[[package]] -name = "libm" -version = "0.2.8" -source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "4ec2a862134d2a7d32d7983ddcdd1c4923530833c9f2ea1a44fc5fa473989058" - [[package]] name = "linux-raw-sys" version = "0.4.12" @@ -932,6 +930,30 @@ version = "0.7.3" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "0e7465ac9959cc2b1404e8e2367b43684a6d13790fe23056cc8c6c5a6b7bcb94" +[[package]] +name = "maud" +version = "0.26.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "df518b75016b4289cdddffa1b01f2122f4a49802c93191f3133f6dc2472ebcaa" +dependencies = [ + "axum-core", + "http 1.0.0", + "itoa", + "maud_macros", +] + +[[package]] +name = "maud_macros" +version = "0.26.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "fa453238ec218da0af6b11fc5978d3b5c3a45ed97b722391a2a11f3306274e18" +dependencies = [ + "proc-macro-error", + "proc-macro2", + "quote", + "syn", +] + [[package]] name = "memchr" version = "2.7.1" @@ -1092,6 +1114,29 @@ version = "0.2.17" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "5b40af805b3121feab8a3c29f04d8ad262fa8e0561883e7653e024ae4479e6de" +[[package]] +name = "proc-macro-error" +version = "1.0.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c" +dependencies = [ + "proc-macro-error-attr", + "proc-macro2", + "quote", + "version_check", +] + +[[package]] +name = "proc-macro-error-attr" +version = "1.0.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869" +dependencies = [ + "proc-macro2", + "quote", + "version_check", +] + [[package]] name = "proc-macro2" version = "1.0.76" @@ -1178,6 +1223,41 @@ version = "0.8.2" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "c08c74e62047bb2de4ff487b251e4a92e24f48745648451635cec7d591162d9f" +[[package]] +name = "reqwest" +version = "0.12.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "566cafdd92868e0939d3fb961bd0dc25fcfaaed179291093b3d43e6b3150ea10" +dependencies = [ + "base64 0.22.1", + "bytes", + "futures-core", + "futures-util", + "http 1.0.0", + "http-body", + "http-body-util", + "hyper", + "hyper-util", + "ipnet", + "js-sys", + "log", + "mime", + "once_cell", + "percent-encoding", + "pin-project-lite", + "serde", + "serde_json", + "serde_urlencoded", + "sync_wrapper", + "tokio", + "tower-service", + "url", + "wasm-bindgen", + "wasm-bindgen-futures", + "web-sys", + "winreg", +] + [[package]] name = "rustc-demangle" version = "0.1.23" @@ -1268,7 +1348,7 @@ version = "3.5.0" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "f58c3a1b3e418f61c25b2aeb43fc6c95eaa252b8cecdda67f401943e9e08d33f" dependencies = [ - "base64", + "base64 0.21.5", "chrono", "hex", "indexmap 1.9.3", @@ -1361,18 +1441,18 @@ dependencies = [ [[package]] name = "thiserror" -version = "1.0.52" +version = "1.0.61" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "83a48fd946b02c0a526b2e9481c8e2a17755e47039164a86c4070446e3a4614d" +checksum = "c546c80d6be4bc6a00c0f01730c08df82eaa7a7a61f11d656526506112cc1709" dependencies = [ "thiserror-impl", ] [[package]] name = "thiserror-impl" -version = "1.0.52" +version = "1.0.61" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "e7fbe9b594d6568a6a1443250a7e67d80b74e1e96f6d1715e1e21cc1888291d3" +checksum = "46c3384250002a6d5af4d114f2845d37b57521033f30d5c3f46c4d70e1197533" dependencies = [ "proc-macro2", "quote", @@ -1561,6 +1641,12 @@ dependencies = [ "once_cell", ] +[[package]] +name = "try-lock" +version = "0.2.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e421abadd41a4225275504ea4d6566923418b7f05506fbc9c0fe86ba7396114b" + [[package]] name = "tungstenite" version = "0.20.1" @@ -1645,9 +1731,9 @@ checksum = "09cc8ee72d2a9becf2f2febe0205bbed8fc6615b7cb429ad062dc7b7ddd036a9" [[package]] name = "uuid" -version = "1.6.1" +version = "1.8.0" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "5e395fcf16a7a3d8127ec99782007af141946b4795001f876d54fb0d55978560" +checksum = "a183cf7feeba97b4dd1c0d46788634f6221d87fa961b305bed08c851829efcc0" dependencies = [ "getrandom", ] @@ -1658,6 +1744,15 @@ version = "0.9.4" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f" +[[package]] +name = "want" +version = "0.3.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e" +dependencies = [ + "try-lock", +] + [[package]] name = "wasi" version = "0.11.0+wasi-snapshot-preview1" @@ -1689,6 +1784,18 @@ dependencies = [ "wasm-bindgen-shared", ] +[[package]] +name = "wasm-bindgen-futures" +version = "0.4.40" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bde2032aeb86bdfaecc8b261eef3cba735cc426c1f3a3416d1e0791be95fc461" +dependencies = [ + "cfg-if", + "js-sys", + "wasm-bindgen", + "web-sys", +] + [[package]] name = "wasm-bindgen-macro" version = "0.2.90" @@ -1718,6 +1825,16 @@ version = "0.2.90" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "4d91413b1c31d7539ba5ef2451af3f0b833a005eb27a631cec32bc0635a8602b" +[[package]] +name = "web-sys" +version = "0.3.67" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "58cd2333b6e0be7a39605f0e255892fd7418a682d8da8fe042fe25128794d2ed" +dependencies = [ + "js-sys", + "wasm-bindgen", +] + [[package]] name = "winapi" version = "0.3.9" @@ -1889,3 +2006,13 @@ name = "windows_x86_64_msvc" version = "0.52.0" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "dff9641d1cd4be8d1a070daf9e3773c5f67e78b4d9d42263020c057706765c04" + +[[package]] +name = "winreg" +version = "0.52.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a277a57398d4bfa075df44f501a17cfdf8542d224f0d36095a2adc7aee4ef0a5" +dependencies = [ + "cfg-if", + "windows-sys 0.48.0", +] diff --git a/Cargo.toml b/Cargo.toml index 495dbd0..0c75271 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -2,43 +2,45 @@ name = "citadels" edition = "2021" default-run = "citadels" +version = "0.7.1" [[bin]] name = "citadels" path = "src/main.rs" -[[bin]] -name = "sqlite" -path = "src/bins/reset_db.rs" - [dependencies] -askama = "0.12.1" -axum = { version = "0.7.2", features = ["ws"] } -axum-extra = { version = "0.9.0", features = ["cookie-private"] } -futures = "0.3.30" -http = "1.0.0" -rand = "0.8.5" +askama = { version = "0.12.1", default-features = false } +axum = { version = "0.7.2", features = ["ws","macros"], default-features = true } +axum-extra = { version = "0.9.0", features = ["cookie-private"], default-features = false } +futures = { version = "0.3.30", default-features = false } +http = { version = "1.0.0", default-features = false } +rand = { version = "0.8.5", default-features = false } tokio = { version = "1.35.1", features = ["macros", "rt-multi-thread"] } -tokio-stream = "0.1.14" +tokio-stream = { version = "0.1.14", default-features = false } tower = "0.4.13" tower-http = { version = "0.5.0", features = ["fs", "trace"] } -uuid = { version = "1.6.1", features = ["v4"] } -macros = { path = "./macros"} log = "0.4.20" env_logger = { version = "0.10.1", features = ["color"] } rand_xoshiro = "0.6.0" rand_core = { version = "0.6.4", features = ["getrandom"] } -serde = { version = "1.0.195", features = ["derive","rc"] } +serde = { version = "1.0.195", features = ["derive", "rc"] } serde_json = "1.0.111" time = "0.3.31" -dotenv = "0.15.0" +dotenv = { version = "0.15.0", optional = true } axum-core = "0.4.3" -mime = "0.3.17" serde_with = "3.5.0" +tracing = { version = "0.1.40", default-features = false } +macros = { path = "./macros"} +reqwest = { version = "0.12.4", features = ["json"], default-features = false } +anyhow = { version = "1.0.83", default-features = true } +maud = { version = "0.26.0", features = ["axum"], default-features = false} +arcstr = { version = "1.2.0", features = ["serde"], default-features = false } +uuid = { version = "1.8.0", features = ["v4"] } +thiserror = "1.0.61" [features] dev = [] -dotenv = [] +dotenv = ["dep:dotenv"] # https://old.reddit.com/r/rust/comments/gvrgca/this_is_a_neat_trick_for_getting_good_runtime/ [profile.dev.package."*"] From 455b89bd8b9f14a0abf4ad60dffba61aba483826 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:41:02 -0400 Subject: [PATCH 4/9] Use CDN for stylesheet --- deploy.sh | 12 + mprocs.yaml | 15 +- public/index.css | 6010 -------------------------------------- src/lib.rs | 1 + src/markup/base.rs | 93 + src/markup/mod.rs | 1 + src/templates/filters.rs | 5 + templates/base.html | 4 +- upload-assets.js | 63 + 9 files changed, 182 insertions(+), 6022 deletions(-) delete mode 100644 public/index.css create mode 100644 src/markup/base.rs create mode 100644 src/markup/mod.rs create mode 100644 upload-assets.js diff --git a/deploy.sh b/deploy.sh index 3ba09ac..029a89c 100755 --- a/deploy.sh +++ b/deploy.sh @@ -1,5 +1,17 @@ set -eo pipefail +# load .env for supabase env vars +export $(cat .env | xargs) + +# generate minified stylesheet +tailwindcss --input tailwind.source.css --output public/styles/index.css --minify + +# run supabase migrations +supabase db push + +# upload assets to supabase cdn +node upload-assets.js + # deploy to citadels.fly.dev fly secrets set GIT_SHA=$(git show -s --format=%H) fly deploy --strategy=immediate -i=ghcr.io/charlestaylor7/citadels:main diff --git a/mprocs.yaml b/mprocs.yaml index de06215..c749277 100644 --- a/mprocs.yaml +++ b/mprocs.yaml @@ -1,19 +1,14 @@ procs: Server: - shell: RUST_BACKTRACE=1 cargo watch --features="dev,dotenv" -c -x run + shell: GIT_SHA=main RUST_BACKTRACE=1 cargo watch --features="dev,dotenv" -c -x run - Tunnel: - shell: ngrok start --all - autostart: false + DB: + shell: supabase db start - # Tailwind 3 & daisyUI 4 are installed globally Tailwind: - shell: NODE_PATH=/opt/homebrew/lib/node_modules tailwindcss --input tailwind.source.css --output public/index.css --watch + shell: tailwindcss --input tailwind.source.css --output public/styles/index.css --watch + autostart: true Docs: shell: cargo doc --offline --lib --open autostart: false - - Deploy: - shell: fly deploy --local-only --strategy=immediate - autostart: false diff --git a/public/index.css b/public/index.css deleted file mode 100644 index 6c1e9c9..0000000 --- a/public/index.css +++ /dev/null @@ -1,6010 +0,0 @@ -/* -! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -5. Use the user's configured `sans` font-feature-settings by default. -6. Use the user's configured `sans` font-variation-settings by default. -7. Disable tap highlights on iOS -*/ - -html, -:host { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ - -webkit-tap-highlight-color: transparent; - /* 7 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font-family by default. -2. Use the user's configured `mono` font-feature-settings by default. -3. Use the user's configured `mono` font-variation-settings by default. -4. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-feature-settings: normal; - /* 2 */ - font-variation-settings: normal; - /* 3 */ - font-size: 1em; - /* 4 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-feature-settings: inherit; - /* 1 */ - font-variation-settings: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Reset default styling for dialogs. -*/ - -dialog { - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* Make elements with the HTML hidden attribute stay hidden by default */ - -[hidden] { - display: none; -} - -:root, -[data-theme] { - background-color: var(--fallback-b1,oklch(var(--b1)/1)); - color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -@supports not (color: oklch(0% 0 0)) { - :root { - color-scheme: light; - --fallback-p: #491eff; - --fallback-pc: #d4dbff; - --fallback-s: #ff41c7; - --fallback-sc: #fff9fc; - --fallback-a: #00cfbd; - --fallback-ac: #00100d; - --fallback-n: #2b3440; - --fallback-nc: #d7dde4; - --fallback-b1: #ffffff; - --fallback-b2: #e5e6e6; - --fallback-b3: #e5e6e6; - --fallback-bc: #1f2937; - --fallback-in: #00b3f0; - --fallback-inc: #000000; - --fallback-su: #00ca92; - --fallback-suc: #000000; - --fallback-wa: #ffc22d; - --fallback-wac: #000000; - --fallback-er: #ff6f70; - --fallback-erc: #000000; - } - - @media (prefers-color-scheme: dark) { - :root { - color-scheme: dark; - --fallback-p: #7582ff; - --fallback-pc: #050617; - --fallback-s: #ff71cf; - --fallback-sc: #190211; - --fallback-a: #00c7b5; - --fallback-ac: #000e0c; - --fallback-n: #2a323c; - --fallback-nc: #a6adbb; - --fallback-b1: #1d232a; - --fallback-b2: #191e24; - --fallback-b3: #15191e; - --fallback-bc: #a6adbb; - --fallback-in: #00b3f0; - --fallback-inc: #000000; - --fallback-su: #00ca92; - --fallback-suc: #000000; - --fallback-wa: #ffc22d; - --fallback-wac: #000000; - --fallback-er: #ff6f70; - --fallback-erc: #000000; - } - } -} - -html { - -webkit-tap-highlight-color: transparent; -} - -:root { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -@media (prefers-color-scheme: dark) { - :root { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; - } -} - -[data-theme=light] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -:root:has(input.theme-controller[value=light]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -[data-theme=dark] { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; -} - -:root:has(input.theme-controller[value=dark]:checked) { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; -} - -[data-theme=cupcake] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 15.2344% 0.017892 200.026556; - --sc: 15.787% 0.020249 356.29965; - --ac: 15.8762% 0.029206 78.618794; - --nc: 84.7148% 0.013247 313.189598; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --p: 76.172% 0.089459 200.026556; - --s: 78.9351% 0.101246 356.29965; - --a: 79.3811% 0.146032 78.618794; - --n: 23.5742% 0.066235 313.189598; - --b1: 97.7882% 0.00418 56.375637; - --b2: 93.9822% 0.007638 61.449292; - --b3: 91.5861% 0.006811 53.440502; - --bc: 23.5742% 0.066235 313.189598; - --rounded-btn: 1.9rem; - --tab-border: 2px; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=cupcake]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 15.2344% 0.017892 200.026556; - --sc: 15.787% 0.020249 356.29965; - --ac: 15.8762% 0.029206 78.618794; - --nc: 84.7148% 0.013247 313.189598; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --p: 76.172% 0.089459 200.026556; - --s: 78.9351% 0.101246 356.29965; - --a: 79.3811% 0.146032 78.618794; - --n: 23.5742% 0.066235 313.189598; - --b1: 97.7882% 0.00418 56.375637; - --b2: 93.9822% 0.007638 61.449292; - --b3: 91.5861% 0.006811 53.440502; - --bc: 23.5742% 0.066235 313.189598; - --rounded-btn: 1.9rem; - --tab-border: 2px; - --tab-radius: 0.7rem; -} - -[data-theme=bumblebee] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --ac: 16.254% 0.0314 56.52; - --nc: 82.55% 0.015 281.99; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 89.51% 0.2132 96.61; - --pc: 38.92% 0.046 96.61; - --s: 80.39% 0.194 70.76; - --sc: 39.38% 0.068 70.76; - --a: 81.27% 0.157 56.52; - --n: 12.75% 0.075 281.99; - --b1: 100% 0 0; -} - -:root:has(input.theme-controller[value=bumblebee]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --ac: 16.254% 0.0314 56.52; - --nc: 82.55% 0.015 281.99; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 89.51% 0.2132 96.61; - --pc: 38.92% 0.046 96.61; - --s: 80.39% 0.194 70.76; - --sc: 39.38% 0.068 70.76; - --a: 81.27% 0.157 56.52; - --n: 12.75% 0.075 281.99; - --b1: 100% 0 0; -} - -[data-theme=emerald] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 76.6626% 0.135433 153.450024; - --pc: 33.3872% 0.040618 162.240129; - --s: 61.3028% 0.202368 261.294233; - --sc: 100% 0 0; - --a: 72.7725% 0.149783 33.200363; - --ac: 0% 0 0; - --n: 35.5192% 0.032071 262.988584; - --nc: 98.4625% 0.001706 247.838921; - --b1: 100% 0 0; - --bc: 35.5192% 0.032071 262.988584; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=emerald]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 76.6626% 0.135433 153.450024; - --pc: 33.3872% 0.040618 162.240129; - --s: 61.3028% 0.202368 261.294233; - --sc: 100% 0 0; - --a: 72.7725% 0.149783 33.200363; - --ac: 0% 0 0; - --n: 35.5192% 0.032071 262.988584; - --nc: 98.4625% 0.001706 247.838921; - --b1: 100% 0 0; - --bc: 35.5192% 0.032071 262.988584; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=corporate] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 12.078% 0.0456 269.1; - --sc: 13.0739% 0.010951 256.688055; - --ac: 15.3934% 0.022799 163.57888; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --border-btn: 1px; - --tab-border: 1px; - --p: 60.39% 0.228 269.1; - --s: 65.3694% 0.054756 256.688055; - --a: 76.9669% 0.113994 163.57888; - --n: 22.3899% 0.031305 278.07229; - --nc: 95.8796% 0.008588 247.915135; - --b1: 100% 0 0; - --bc: 22.3899% 0.031305 278.07229; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; - --tab-radius: 0.25rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=corporate]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 12.078% 0.0456 269.1; - --sc: 13.0739% 0.010951 256.688055; - --ac: 15.3934% 0.022799 163.57888; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --border-btn: 1px; - --tab-border: 1px; - --p: 60.39% 0.228 269.1; - --s: 65.3694% 0.054756 256.688055; - --a: 76.9669% 0.113994 163.57888; - --n: 22.3899% 0.031305 278.07229; - --nc: 95.8796% 0.008588 247.915135; - --b1: 100% 0 0; - --bc: 22.3899% 0.031305 278.07229; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; - --tab-radius: 0.25rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=synthwave] { - color-scheme: dark; - --b2: 20.2941% 0.076211 287.835609; - --b3: 18.7665% 0.070475 287.835609; - --pc: 14.4421% 0.031903 342.009383; - --sc: 15.6543% 0.02362 227.382405; - --ac: 17.608% 0.0412 93.72; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 72.2105% 0.159514 342.009383; - --s: 78.2714% 0.118101 227.382405; - --a: 88.04% 0.206 93.72; - --n: 25.5554% 0.103537 286.507967; - --nc: 97.9365% 0.00819 301.358346; - --b1: 21.8216% 0.081948 287.835609; - --bc: 97.9365% 0.00819 301.358346; - --in: 76.5197% 0.12273 231.831603; - --inc: 23.5017% 0.096418 290.329844; - --su: 86.0572% 0.115038 178.624677; - --suc: 23.5017% 0.096418 290.329844; - --wa: 85.531% 0.122117 93.722227; - --wac: 23.5017% 0.096418 290.329844; - --er: 73.7005% 0.121339 32.639257; - --erc: 23.5017% 0.096418 290.329844; -} - -:root:has(input.theme-controller[value=synthwave]:checked) { - color-scheme: dark; - --b2: 20.2941% 0.076211 287.835609; - --b3: 18.7665% 0.070475 287.835609; - --pc: 14.4421% 0.031903 342.009383; - --sc: 15.6543% 0.02362 227.382405; - --ac: 17.608% 0.0412 93.72; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 72.2105% 0.159514 342.009383; - --s: 78.2714% 0.118101 227.382405; - --a: 88.04% 0.206 93.72; - --n: 25.5554% 0.103537 286.507967; - --nc: 97.9365% 0.00819 301.358346; - --b1: 21.8216% 0.081948 287.835609; - --bc: 97.9365% 0.00819 301.358346; - --in: 76.5197% 0.12273 231.831603; - --inc: 23.5017% 0.096418 290.329844; - --su: 86.0572% 0.115038 178.624677; - --suc: 23.5017% 0.096418 290.329844; - --wa: 85.531% 0.122117 93.722227; - --wac: 23.5017% 0.096418 290.329844; - --er: 73.7005% 0.121339 32.639257; - --erc: 23.5017% 0.096418 290.329844; -} - -[data-theme=retro] { - color-scheme: light; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 76.8664% 0.104092 22.664655; - --pc: 26.5104% 0.006243 0.522862; - --s: 80.7415% 0.052534 159.094608; - --sc: 26.5104% 0.006243 0.522862; - --a: 70.3919% 0.125455 52.953428; - --ac: 26.5104% 0.006243 0.522862; - --n: 28.4181% 0.009519 355.534017; - --nc: 92.5604% 0.025113 89.217311; - --b1: 91.6374% 0.034554 90.51575; - --b2: 88.2722% 0.049418 91.774344; - --b3: 84.133% 0.065952 90.856665; - --bc: 26.5104% 0.006243 0.522862; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; - --rounded-box: 0.4rem; - --rounded-btn: 0.4rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.4rem; -} - -:root:has(input.theme-controller[value=retro]:checked) { - color-scheme: light; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 76.8664% 0.104092 22.664655; - --pc: 26.5104% 0.006243 0.522862; - --s: 80.7415% 0.052534 159.094608; - --sc: 26.5104% 0.006243 0.522862; - --a: 70.3919% 0.125455 52.953428; - --ac: 26.5104% 0.006243 0.522862; - --n: 28.4181% 0.009519 355.534017; - --nc: 92.5604% 0.025113 89.217311; - --b1: 91.6374% 0.034554 90.51575; - --b2: 88.2722% 0.049418 91.774344; - --b3: 84.133% 0.065952 90.856665; - --bc: 26.5104% 0.006243 0.522862; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; - --rounded-box: 0.4rem; - --rounded-btn: 0.4rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.4rem; -} - -[data-theme=cyberpunk] { - color-scheme: light; - --b2: 87.8943% 0.16647 104.32; - --b3: 81.2786% 0.15394 104.32; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 18.902% 0.0358 104.32; - --pc: 14.844% 0.0418 6.35; - --sc: 16.666% 0.0368 204.72; - --ac: 14.372% 0.04352 310.43; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 74.22% 0.209 6.35; - --s: 83.33% 0.184 204.72; - --a: 71.86% 0.2176 310.43; - --n: 23.04% 0.065 269.31; - --nc: 94.51% 0.179 104.32; - --b1: 94.51% 0.179 104.32; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --tab-radius: 0; -} - -:root:has(input.theme-controller[value=cyberpunk]:checked) { - color-scheme: light; - --b2: 87.8943% 0.16647 104.32; - --b3: 81.2786% 0.15394 104.32; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 18.902% 0.0358 104.32; - --pc: 14.844% 0.0418 6.35; - --sc: 16.666% 0.0368 204.72; - --ac: 14.372% 0.04352 310.43; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 74.22% 0.209 6.35; - --s: 83.33% 0.184 204.72; - --a: 71.86% 0.2176 310.43; - --n: 23.04% 0.065 269.31; - --nc: 94.51% 0.179 104.32; - --b1: 94.51% 0.179 104.32; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --tab-radius: 0; -} - -[data-theme=valentine] { - color-scheme: light; - --b2: 88.0567% 0.024834 337.06289; - --b3: 81.4288% 0.022964 337.06289; - --pc: 13.7239% 0.030755 15.066527; - --sc: 14.3942% 0.029258 293.189609; - --ac: 14.2537% 0.014961 197.828857; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.614% 0.0414 27.33; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 68.6197% 0.153774 15.066527; - --s: 71.971% 0.14629 293.189609; - --a: 71.2685% 0.074804 197.828857; - --n: 54.6053% 0.143342 358.004839; - --nc: 90.2701% 0.037202 336.955191; - --b1: 94.6846% 0.026703 337.06289; - --bc: 37.3085% 0.081131 4.606426; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.07% 0.207 27.33; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=valentine]:checked) { - color-scheme: light; - --b2: 88.0567% 0.024834 337.06289; - --b3: 81.4288% 0.022964 337.06289; - --pc: 13.7239% 0.030755 15.066527; - --sc: 14.3942% 0.029258 293.189609; - --ac: 14.2537% 0.014961 197.828857; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.614% 0.0414 27.33; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 68.6197% 0.153774 15.066527; - --s: 71.971% 0.14629 293.189609; - --a: 71.2685% 0.074804 197.828857; - --n: 54.6053% 0.143342 358.004839; - --nc: 90.2701% 0.037202 336.955191; - --b1: 94.6846% 0.026703 337.06289; - --bc: 37.3085% 0.081131 4.606426; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.07% 0.207 27.33; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -[data-theme=halloween] { - color-scheme: dark; - --b2: 23.0416% 0 0; - --b3: 21.3072% 0 0; - --bc: 84.9552% 0 0; - --sc: 89.196% 0.0496 305.03; - --nc: 84.8742% 0.009322 65.681484; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 77.48% 0.204 60.62; - --pc: 19.6935% 0.004671 196.779412; - --s: 45.98% 0.248 305.03; - --a: 64.8% 0.223 136.073479; - --ac: 0% 0 0; - --n: 24.371% 0.046608 65.681484; - --b1: 24.7759% 0 0; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; -} - -:root:has(input.theme-controller[value=halloween]:checked) { - color-scheme: dark; - --b2: 23.0416% 0 0; - --b3: 21.3072% 0 0; - --bc: 84.9552% 0 0; - --sc: 89.196% 0.0496 305.03; - --nc: 84.8742% 0.009322 65.681484; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 77.48% 0.204 60.62; - --pc: 19.6935% 0.004671 196.779412; - --s: 45.98% 0.248 305.03; - --a: 64.8% 0.223 136.073479; - --ac: 0% 0 0; - --n: 24.371% 0.046608 65.681484; - --b1: 24.7759% 0 0; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; -} - -[data-theme=garden] { - color-scheme: light; - --b2: 86.4453% 0.002011 17.197414; - --b3: 79.9386% 0.00186 17.197414; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --sc: 89.699% 0.022197 355.095988; - --ac: 11.2547% 0.010859 154.390187; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 62.45% 0.278 3.83636; - --pc: 100% 0 0; - --s: 48.4952% 0.110985 355.095988; - --a: 56.2735% 0.054297 154.390187; - --n: 24.1559% 0.049362 89.070594; - --nc: 92.9519% 0.002163 17.197414; - --b1: 92.9519% 0.002163 17.197414; - --bc: 16.9617% 0.001664 17.32068; -} - -:root:has(input.theme-controller[value=garden]:checked) { - color-scheme: light; - --b2: 86.4453% 0.002011 17.197414; - --b3: 79.9386% 0.00186 17.197414; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --sc: 89.699% 0.022197 355.095988; - --ac: 11.2547% 0.010859 154.390187; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 62.45% 0.278 3.83636; - --pc: 100% 0 0; - --s: 48.4952% 0.110985 355.095988; - --a: 56.2735% 0.054297 154.390187; - --n: 24.1559% 0.049362 89.070594; - --nc: 92.9519% 0.002163 17.197414; - --b1: 92.9519% 0.002163 17.197414; - --bc: 16.9617% 0.001664 17.32068; -} - -[data-theme=forest] { - color-scheme: dark; - --b2: 17.522% 0.007709 17.911578; - --b3: 16.2032% 0.007129 17.911578; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 83.7682% 0.001658 17.911578; - --sc: 13.9553% 0.027077 168.327128; - --ac: 14.1257% 0.02389 185.713193; - --nc: 86.1397% 0.007806 171.364646; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 68.6283% 0.185567 148.958922; - --pc: 0% 0 0; - --s: 69.7764% 0.135385 168.327128; - --a: 70.6285% 0.119451 185.713193; - --n: 30.6985% 0.039032 171.364646; - --b1: 18.8409% 0.00829 17.911578; - --rounded-btn: 1.9rem; -} - -:root:has(input.theme-controller[value=forest]:checked) { - color-scheme: dark; - --b2: 17.522% 0.007709 17.911578; - --b3: 16.2032% 0.007129 17.911578; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 83.7682% 0.001658 17.911578; - --sc: 13.9553% 0.027077 168.327128; - --ac: 14.1257% 0.02389 185.713193; - --nc: 86.1397% 0.007806 171.364646; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 68.6283% 0.185567 148.958922; - --pc: 0% 0 0; - --s: 69.7764% 0.135385 168.327128; - --a: 70.6285% 0.119451 185.713193; - --n: 30.6985% 0.039032 171.364646; - --b1: 18.8409% 0.00829 17.911578; - --rounded-btn: 1.9rem; -} - -[data-theme=aqua] { - color-scheme: dark; - --b2: 45.3464% 0.118611 261.181672; - --b3: 41.9333% 0.109683 261.181672; - --bc: 89.7519% 0.025508 261.181672; - --sc: 12.1365% 0.02175 309.782946; - --ac: 18.6854% 0.020445 94.555431; - --nc: 12.2124% 0.023402 243.760661; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.79% 0.038 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 85.6617% 0.14498 198.6458; - --pc: 40.1249% 0.068266 197.603872; - --s: 60.6827% 0.108752 309.782946; - --a: 93.4269% 0.102225 94.555431; - --n: 61.0622% 0.117009 243.760661; - --b1: 48.7596% 0.127539 261.181672; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.95% 0.19 27.33; -} - -:root:has(input.theme-controller[value=aqua]:checked) { - color-scheme: dark; - --b2: 45.3464% 0.118611 261.181672; - --b3: 41.9333% 0.109683 261.181672; - --bc: 89.7519% 0.025508 261.181672; - --sc: 12.1365% 0.02175 309.782946; - --ac: 18.6854% 0.020445 94.555431; - --nc: 12.2124% 0.023402 243.760661; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.79% 0.038 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 85.6617% 0.14498 198.6458; - --pc: 40.1249% 0.068266 197.603872; - --s: 60.6827% 0.108752 309.782946; - --a: 93.4269% 0.102225 94.555431; - --n: 61.0622% 0.117009 243.760661; - --b1: 48.7596% 0.127539 261.181672; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.95% 0.19 27.33; -} - -[data-theme=lofi] { - color-scheme: light; - --inc: 15.908% 0.0206 205.9; - --suc: 18.026% 0.0306 164.14; - --wac: 17.674% 0.027 79.94; - --erc: 15.732% 0.03 28.47; - --border-btn: 1px; - --tab-border: 1px; - --p: 15.9066% 0 0; - --pc: 100% 0 0; - --s: 21.455% 0.001566 17.278957; - --sc: 100% 0 0; - --a: 26.8618% 0 0; - --ac: 100% 0 0; - --n: 0% 0 0; - --nc: 100% 0 0; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.268% 0.001082 17.17934; - --bc: 0% 0 0; - --in: 79.54% 0.103 205.9; - --su: 90.13% 0.153 164.14; - --wa: 88.37% 0.135 79.94; - --er: 78.66% 0.15 28.47; - --rounded-box: 0.25rem; - --rounded-btn: 0.125rem; - --rounded-badge: 0.125rem; - --tab-radius: 0.125rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=lofi]:checked) { - color-scheme: light; - --inc: 15.908% 0.0206 205.9; - --suc: 18.026% 0.0306 164.14; - --wac: 17.674% 0.027 79.94; - --erc: 15.732% 0.03 28.47; - --border-btn: 1px; - --tab-border: 1px; - --p: 15.9066% 0 0; - --pc: 100% 0 0; - --s: 21.455% 0.001566 17.278957; - --sc: 100% 0 0; - --a: 26.8618% 0 0; - --ac: 100% 0 0; - --n: 0% 0 0; - --nc: 100% 0 0; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.268% 0.001082 17.17934; - --bc: 0% 0 0; - --in: 79.54% 0.103 205.9; - --su: 90.13% 0.153 164.14; - --wa: 88.37% 0.135 79.94; - --er: 78.66% 0.15 28.47; - --rounded-box: 0.25rem; - --rounded-btn: 0.125rem; - --rounded-badge: 0.125rem; - --tab-radius: 0.125rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=pastel] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --pc: 16.6166% 0.006979 316.8737; - --sc: 17.6153% 0.009839 8.688364; - --ac: 17.8419% 0.012056 170.923263; - --nc: 14.2681% 0.014702 228.183906; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 83.0828% 0.034896 316.8737; - --s: 88.0763% 0.049197 8.688364; - --a: 89.2096% 0.06028 170.923263; - --n: 71.3406% 0.07351 228.183906; - --b1: 100% 0 0; - --b2: 98.4625% 0.001706 247.838921; - --b3: 87.1681% 0.009339 258.338227; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=pastel]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --pc: 16.6166% 0.006979 316.8737; - --sc: 17.6153% 0.009839 8.688364; - --ac: 17.8419% 0.012056 170.923263; - --nc: 14.2681% 0.014702 228.183906; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 83.0828% 0.034896 316.8737; - --s: 88.0763% 0.049197 8.688364; - --a: 89.2096% 0.06028 170.923263; - --n: 71.3406% 0.07351 228.183906; - --b1: 100% 0 0; - --b2: 98.4625% 0.001706 247.838921; - --b3: 87.1681% 0.009339 258.338227; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -[data-theme=fantasy] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 87.49% 0.0378 325.02; - --sc: 90.784% 0.0324 241.36; - --ac: 15.196% 0.0408 56.72; - --nc: 85.5616% 0.005919 256.847952; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 37.45% 0.189 325.02; - --s: 53.92% 0.162 241.36; - --a: 75.98% 0.204 56.72; - --n: 27.8078% 0.029596 256.847952; - --b1: 100% 0 0; - --bc: 27.8078% 0.029596 256.847952; -} - -:root:has(input.theme-controller[value=fantasy]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 87.49% 0.0378 325.02; - --sc: 90.784% 0.0324 241.36; - --ac: 15.196% 0.0408 56.72; - --nc: 85.5616% 0.005919 256.847952; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 37.45% 0.189 325.02; - --s: 53.92% 0.162 241.36; - --a: 75.98% 0.204 56.72; - --n: 27.8078% 0.029596 256.847952; - --b1: 100% 0 0; - --bc: 27.8078% 0.029596 256.847952; -} - -[data-theme=wireframe] { - color-scheme: light; - --bc: 20% 0 0; - --pc: 15.6521% 0 0; - --sc: 15.6521% 0 0; - --ac: 15.6521% 0 0; - --nc: 18.8014% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 14.1626% 0.019994 108.702381; - --erc: 12.5591% 0.051537 29.233885; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 78.2604% 0 0; - --s: 78.2604% 0 0; - --a: 78.2604% 0 0; - --n: 94.007% 0 0; - --b1: 100% 0 0; - --b2: 94.9119% 0 0; - --b3: 89.7547% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 70.8131% 0.099969 108.702381; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0.2rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.2rem; - --tab-radius: 0.2rem; -} - -:root:has(input.theme-controller[value=wireframe]:checked) { - color-scheme: light; - --bc: 20% 0 0; - --pc: 15.6521% 0 0; - --sc: 15.6521% 0 0; - --ac: 15.6521% 0 0; - --nc: 18.8014% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 14.1626% 0.019994 108.702381; - --erc: 12.5591% 0.051537 29.233885; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 78.2604% 0 0; - --s: 78.2604% 0 0; - --a: 78.2604% 0 0; - --n: 94.007% 0 0; - --b1: 100% 0 0; - --b2: 94.9119% 0 0; - --b3: 89.7547% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 70.8131% 0.099969 108.702381; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0.2rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.2rem; - --tab-radius: 0.2rem; -} - -[data-theme=black] { - color-scheme: dark; - --pc: 86.736% 0 0; - --sc: 86.736% 0 0; - --ac: 86.736% 0 0; - --nc: 86.736% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 19.3597% 0.042201 109.769232; - --erc: 12.5591% 0.051537 29.233885; - --border-btn: 1px; - --tab-border: 1px; - --p: 33.6799% 0 0; - --s: 33.6799% 0 0; - --a: 33.6799% 0 0; - --b1: 0% 0 0; - --b2: 19.1251% 0 0; - --b3: 26.8618% 0 0; - --bc: 87.6096% 0 0; - --n: 33.6799% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 96.7983% 0.211006 109.769232; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; - --tab-radius: 0; -} - -:root:has(input.theme-controller[value=black]:checked) { - color-scheme: dark; - --pc: 86.736% 0 0; - --sc: 86.736% 0 0; - --ac: 86.736% 0 0; - --nc: 86.736% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 19.3597% 0.042201 109.769232; - --erc: 12.5591% 0.051537 29.233885; - --border-btn: 1px; - --tab-border: 1px; - --p: 33.6799% 0 0; - --s: 33.6799% 0 0; - --a: 33.6799% 0 0; - --b1: 0% 0 0; - --b2: 19.1251% 0 0; - --b3: 26.8618% 0 0; - --bc: 87.6096% 0 0; - --n: 33.6799% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 96.7983% 0.211006 109.769232; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; - --tab-radius: 0; -} - -[data-theme=luxury] { - color-scheme: dark; - --pc: 20% 0 0; - --sc: 85.5163% 0.012821 261.069149; - --ac: 87.3349% 0.010348 338.82597; - --inc: 15.8122% 0.024356 237.133883; - --suc: 15.6239% 0.038579 132.154381; - --wac: 17.2255% 0.027305 102.89115; - --erc: 14.3506% 0.035271 22.568916; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 100% 0 0; - --s: 27.5815% 0.064106 261.069149; - --a: 36.6744% 0.051741 338.82597; - --n: 24.27% 0.057015 59.825019; - --nc: 93.2033% 0.089631 90.861683; - --b1: 14.0765% 0.004386 285.822869; - --b2: 20.2191% 0.004211 308.22937; - --b3: 29.8961% 0.003818 308.318612; - --bc: 75.6879% 0.123666 76.890484; - --in: 79.0612% 0.121778 237.133883; - --su: 78.1197% 0.192894 132.154381; - --wa: 86.1274% 0.136524 102.89115; - --er: 71.7531% 0.176357 22.568916; -} - -:root:has(input.theme-controller[value=luxury]:checked) { - color-scheme: dark; - --pc: 20% 0 0; - --sc: 85.5163% 0.012821 261.069149; - --ac: 87.3349% 0.010348 338.82597; - --inc: 15.8122% 0.024356 237.133883; - --suc: 15.6239% 0.038579 132.154381; - --wac: 17.2255% 0.027305 102.89115; - --erc: 14.3506% 0.035271 22.568916; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 100% 0 0; - --s: 27.5815% 0.064106 261.069149; - --a: 36.6744% 0.051741 338.82597; - --n: 24.27% 0.057015 59.825019; - --nc: 93.2033% 0.089631 90.861683; - --b1: 14.0765% 0.004386 285.822869; - --b2: 20.2191% 0.004211 308.22937; - --b3: 29.8961% 0.003818 308.318612; - --bc: 75.6879% 0.123666 76.890484; - --in: 79.0612% 0.121778 237.133883; - --su: 78.1197% 0.192894 132.154381; - --wa: 86.1274% 0.136524 102.89115; - --er: 71.7531% 0.176357 22.568916; -} - -[data-theme=dracula] { - color-scheme: dark; - --b2: 26.8053% 0.020556 277.508664; - --b3: 24.7877% 0.019009 277.508664; - --pc: 15.0922% 0.036614 346.812432; - --sc: 14.8405% 0.029709 301.883095; - --ac: 16.6785% 0.024826 66.558491; - --nc: 87.8891% 0.006515 275.524078; - --inc: 17.6526% 0.018676 212.846491; - --suc: 17.4199% 0.043903 148.024881; - --wac: 19.1068% 0.026849 112.757109; - --erc: 13.6441% 0.041266 24.430965; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.4611% 0.18307 346.812432; - --s: 74.2023% 0.148546 301.883095; - --a: 83.3927% 0.124132 66.558491; - --n: 39.4456% 0.032576 275.524078; - --b1: 28.8229% 0.022103 277.508664; - --bc: 97.7477% 0.007913 106.545019; - --in: 88.263% 0.09338 212.846491; - --su: 87.0995% 0.219516 148.024881; - --wa: 95.5338% 0.134246 112.757109; - --er: 68.2204% 0.206328 24.430965; -} - -:root:has(input.theme-controller[value=dracula]:checked) { - color-scheme: dark; - --b2: 26.8053% 0.020556 277.508664; - --b3: 24.7877% 0.019009 277.508664; - --pc: 15.0922% 0.036614 346.812432; - --sc: 14.8405% 0.029709 301.883095; - --ac: 16.6785% 0.024826 66.558491; - --nc: 87.8891% 0.006515 275.524078; - --inc: 17.6526% 0.018676 212.846491; - --suc: 17.4199% 0.043903 148.024881; - --wac: 19.1068% 0.026849 112.757109; - --erc: 13.6441% 0.041266 24.430965; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.4611% 0.18307 346.812432; - --s: 74.2023% 0.148546 301.883095; - --a: 83.3927% 0.124132 66.558491; - --n: 39.4456% 0.032576 275.524078; - --b1: 28.8229% 0.022103 277.508664; - --bc: 97.7477% 0.007913 106.545019; - --in: 88.263% 0.09338 212.846491; - --su: 87.0995% 0.219516 148.024881; - --wa: 95.5338% 0.134246 112.757109; - --er: 68.2204% 0.206328 24.430965; -} - -[data-theme=cmyk] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --bc: 20% 0 0; - --pc: 14.3544% 0.02666 239.443325; - --sc: 12.8953% 0.040552 359.339283; - --ac: 18.8458% 0.037948 105.306968; - --nc: 84.3557% 0 0; - --inc: 13.6952% 0.0189 217.284104; - --suc: 89.3898% 0.032505 321.406278; - --wac: 14.2473% 0.031969 52.023412; - --erc: 12.4027% 0.041677 28.717543; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.7722% 0.133298 239.443325; - --s: 64.4766% 0.202758 359.339283; - --a: 94.2289% 0.189741 105.306968; - --n: 21.7787% 0 0; - --b1: 100% 0 0; - --in: 68.4759% 0.094499 217.284104; - --su: 46.949% 0.162524 321.406278; - --wa: 71.2364% 0.159843 52.023412; - --er: 62.0133% 0.208385 28.717543; -} - -:root:has(input.theme-controller[value=cmyk]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --bc: 20% 0 0; - --pc: 14.3544% 0.02666 239.443325; - --sc: 12.8953% 0.040552 359.339283; - --ac: 18.8458% 0.037948 105.306968; - --nc: 84.3557% 0 0; - --inc: 13.6952% 0.0189 217.284104; - --suc: 89.3898% 0.032505 321.406278; - --wac: 14.2473% 0.031969 52.023412; - --erc: 12.4027% 0.041677 28.717543; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.7722% 0.133298 239.443325; - --s: 64.4766% 0.202758 359.339283; - --a: 94.2289% 0.189741 105.306968; - --n: 21.7787% 0 0; - --b1: 100% 0 0; - --in: 68.4759% 0.094499 217.284104; - --su: 46.949% 0.162524 321.406278; - --wa: 71.2364% 0.159843 52.023412; - --er: 62.0133% 0.208385 28.717543; -} - -[data-theme=autumn] { - color-scheme: light; - --b2: 89.1077% 0 0; - --b3: 82.4006% 0 0; - --bc: 19.1629% 0 0; - --pc: 88.1446% 0.032232 17.530175; - --sc: 12.3353% 0.033821 23.865865; - --ac: 14.6851% 0.018999 60.729616; - --nc: 90.8734% 0.007475 51.902819; - --inc: 13.8449% 0.019596 207.284192; - --suc: 12.199% 0.016032 174.616213; - --wac: 14.0163% 0.032982 56.844303; - --erc: 90.614% 0.0482 24.16; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 40.7232% 0.16116 17.530175; - --s: 61.6763% 0.169105 23.865865; - --a: 73.4253% 0.094994 60.729616; - --n: 54.3672% 0.037374 51.902819; - --b1: 95.8147% 0 0; - --in: 69.2245% 0.097979 207.284192; - --su: 60.9951% 0.080159 174.616213; - --wa: 70.0817% 0.164909 56.844303; - --er: 53.07% 0.241 24.16; -} - -:root:has(input.theme-controller[value=autumn]:checked) { - color-scheme: light; - --b2: 89.1077% 0 0; - --b3: 82.4006% 0 0; - --bc: 19.1629% 0 0; - --pc: 88.1446% 0.032232 17.530175; - --sc: 12.3353% 0.033821 23.865865; - --ac: 14.6851% 0.018999 60.729616; - --nc: 90.8734% 0.007475 51.902819; - --inc: 13.8449% 0.019596 207.284192; - --suc: 12.199% 0.016032 174.616213; - --wac: 14.0163% 0.032982 56.844303; - --erc: 90.614% 0.0482 24.16; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 40.7232% 0.16116 17.530175; - --s: 61.6763% 0.169105 23.865865; - --a: 73.4253% 0.094994 60.729616; - --n: 54.3672% 0.037374 51.902819; - --b1: 95.8147% 0 0; - --in: 69.2245% 0.097979 207.284192; - --su: 60.9951% 0.080159 174.616213; - --wa: 70.0817% 0.164909 56.844303; - --er: 53.07% 0.241 24.16; -} - -[data-theme=business] { - color-scheme: dark; - --b2: 22.6487% 0 0; - --b3: 20.944% 0 0; - --bc: 84.8707% 0 0; - --pc: 88.3407% 0.019811 251.473931; - --sc: 12.8185% 0.005481 229.389418; - --ac: 13.4542% 0.033545 35.791525; - --nc: 85.4882% 0.00265 253.041249; - --inc: 12.5233% 0.028702 240.033697; - --suc: 14.0454% 0.018919 156.59611; - --wac: 15.4965% 0.023141 81.519177; - --erc: 90.3221% 0.029356 29.674507; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 41.7036% 0.099057 251.473931; - --s: 64.0924% 0.027405 229.389418; - --a: 67.271% 0.167726 35.791525; - --n: 27.441% 0.01325 253.041249; - --b1: 24.3535% 0 0; - --in: 62.6163% 0.143511 240.033697; - --su: 70.2268% 0.094594 156.59611; - --wa: 77.4824% 0.115704 81.519177; - --er: 51.6105% 0.14678 29.674507; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; -} - -:root:has(input.theme-controller[value=business]:checked) { - color-scheme: dark; - --b2: 22.6487% 0 0; - --b3: 20.944% 0 0; - --bc: 84.8707% 0 0; - --pc: 88.3407% 0.019811 251.473931; - --sc: 12.8185% 0.005481 229.389418; - --ac: 13.4542% 0.033545 35.791525; - --nc: 85.4882% 0.00265 253.041249; - --inc: 12.5233% 0.028702 240.033697; - --suc: 14.0454% 0.018919 156.59611; - --wac: 15.4965% 0.023141 81.519177; - --erc: 90.3221% 0.029356 29.674507; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 41.7036% 0.099057 251.473931; - --s: 64.0924% 0.027405 229.389418; - --a: 67.271% 0.167726 35.791525; - --n: 27.441% 0.01325 253.041249; - --b1: 24.3535% 0 0; - --in: 62.6163% 0.143511 240.033697; - --su: 70.2268% 0.094594 156.59611; - --wa: 77.4824% 0.115704 81.519177; - --er: 51.6105% 0.14678 29.674507; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; -} - -[data-theme=acid] { - color-scheme: light; - --b2: 91.6146% 0 0; - --b3: 84.7189% 0 0; - --bc: 19.7021% 0 0; - --pc: 14.38% 0.0714 330.759573; - --sc: 14.674% 0.0448 48.250878; - --ac: 18.556% 0.0528 122.962951; - --nc: 84.262% 0.0256 278.68; - --inc: 12.144% 0.0454 252.05; - --suc: 17.144% 0.0532 158.53; - --wac: 18.202% 0.0424 100.5; - --erc: 12.968% 0.0586 29.349188; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 71.9% 0.357 330.759573; - --s: 73.37% 0.224 48.250878; - --a: 92.78% 0.264 122.962951; - --n: 21.31% 0.128 278.68; - --b1: 98.5104% 0 0; - --in: 60.72% 0.227 252.05; - --su: 85.72% 0.266 158.53; - --wa: 91.01% 0.212 100.5; - --er: 64.84% 0.293 29.349188; - --rounded-box: 1.25rem; - --rounded-btn: 1rem; - --rounded-badge: 1rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=acid]:checked) { - color-scheme: light; - --b2: 91.6146% 0 0; - --b3: 84.7189% 0 0; - --bc: 19.7021% 0 0; - --pc: 14.38% 0.0714 330.759573; - --sc: 14.674% 0.0448 48.250878; - --ac: 18.556% 0.0528 122.962951; - --nc: 84.262% 0.0256 278.68; - --inc: 12.144% 0.0454 252.05; - --suc: 17.144% 0.0532 158.53; - --wac: 18.202% 0.0424 100.5; - --erc: 12.968% 0.0586 29.349188; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 71.9% 0.357 330.759573; - --s: 73.37% 0.224 48.250878; - --a: 92.78% 0.264 122.962951; - --n: 21.31% 0.128 278.68; - --b1: 98.5104% 0 0; - --in: 60.72% 0.227 252.05; - --su: 85.72% 0.266 158.53; - --wa: 91.01% 0.212 100.5; - --er: 64.84% 0.293 29.349188; - --rounded-box: 1.25rem; - --rounded-btn: 1rem; - --rounded-badge: 1rem; - --tab-radius: 0.7rem; -} - -[data-theme=lemonade] { - color-scheme: light; - --b2: 91.8003% 0.0186 123.72; - --b3: 84.8906% 0.0172 123.72; - --bc: 19.742% 0.004 123.72; - --pc: 11.784% 0.0398 134.6; - --sc: 15.55% 0.0392 111.09; - --ac: 17.078% 0.0402 100.73; - --nc: 86.196% 0.015 108.6; - --inc: 17.238% 0.0094 224.14; - --suc: 17.238% 0.0094 157.85; - --wac: 17.238% 0.0094 102.15; - --erc: 17.238% 0.0094 25.85; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 58.92% 0.199 134.6; - --s: 77.75% 0.196 111.09; - --a: 85.39% 0.201 100.73; - --n: 30.98% 0.075 108.6; - --b1: 98.71% 0.02 123.72; - --in: 86.19% 0.047 224.14; - --su: 86.19% 0.047 157.85; - --wa: 86.19% 0.047 102.15; - --er: 86.19% 0.047 25.85; -} - -:root:has(input.theme-controller[value=lemonade]:checked) { - color-scheme: light; - --b2: 91.8003% 0.0186 123.72; - --b3: 84.8906% 0.0172 123.72; - --bc: 19.742% 0.004 123.72; - --pc: 11.784% 0.0398 134.6; - --sc: 15.55% 0.0392 111.09; - --ac: 17.078% 0.0402 100.73; - --nc: 86.196% 0.015 108.6; - --inc: 17.238% 0.0094 224.14; - --suc: 17.238% 0.0094 157.85; - --wac: 17.238% 0.0094 102.15; - --erc: 17.238% 0.0094 25.85; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 58.92% 0.199 134.6; - --s: 77.75% 0.196 111.09; - --a: 85.39% 0.201 100.73; - --n: 30.98% 0.075 108.6; - --b1: 98.71% 0.02 123.72; - --in: 86.19% 0.047 224.14; - --su: 86.19% 0.047 157.85; - --wa: 86.19% 0.047 102.15; - --er: 86.19% 0.047 25.85; -} - -[data-theme=night] { - color-scheme: dark; - --b2: 19.3144% 0.037037 265.754874; - --b3: 17.8606% 0.034249 265.754874; - --bc: 84.1536% 0.007965 265.754874; - --pc: 15.0703% 0.027798 232.66148; - --sc: 13.6023% 0.031661 276.934902; - --ac: 14.4721% 0.035244 350.048739; - --nc: 85.5899% 0.00737 260.030984; - --suc: 15.6904% 0.026506 181.911977; - --wac: 16.6486% 0.027912 82.95003; - --erc: 14.3572% 0.034051 13.11834; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.3513% 0.138989 232.66148; - --s: 68.0113% 0.158303 276.934902; - --a: 72.3603% 0.176218 350.048739; - --n: 27.9495% 0.036848 260.030984; - --b1: 20.7682% 0.039824 265.754874; - --in: 68.4553% 0.148062 237.25135; - --inc: 0% 0 0; - --su: 78.452% 0.132529 181.911977; - --wa: 83.2428% 0.139558 82.95003; - --er: 71.7858% 0.170255 13.11834; -} - -:root:has(input.theme-controller[value=night]:checked) { - color-scheme: dark; - --b2: 19.3144% 0.037037 265.754874; - --b3: 17.8606% 0.034249 265.754874; - --bc: 84.1536% 0.007965 265.754874; - --pc: 15.0703% 0.027798 232.66148; - --sc: 13.6023% 0.031661 276.934902; - --ac: 14.4721% 0.035244 350.048739; - --nc: 85.5899% 0.00737 260.030984; - --suc: 15.6904% 0.026506 181.911977; - --wac: 16.6486% 0.027912 82.95003; - --erc: 14.3572% 0.034051 13.11834; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.3513% 0.138989 232.66148; - --s: 68.0113% 0.158303 276.934902; - --a: 72.3603% 0.176218 350.048739; - --n: 27.9495% 0.036848 260.030984; - --b1: 20.7682% 0.039824 265.754874; - --in: 68.4553% 0.148062 237.25135; - --inc: 0% 0 0; - --su: 78.452% 0.132529 181.911977; - --wa: 83.2428% 0.139558 82.95003; - --er: 71.7858% 0.170255 13.11834; -} - -[data-theme=coffee] { - color-scheme: dark; - --b2: 20.1585% 0.021457 329.708637; - --b3: 18.6412% 0.019842 329.708637; - --pc: 14.3993% 0.024765 62.756393; - --sc: 86.893% 0.00597 199.19444; - --ac: 88.5243% 0.014881 224.389184; - --nc: 83.3022% 0.003149 326.261446; - --inc: 15.898% 0.012774 184.558367; - --suc: 14.9445% 0.014491 131.116276; - --wac: 17.6301% 0.028162 87.722413; - --erc: 15.4637% 0.025644 31.871922; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.9967% 0.123825 62.756393; - --s: 34.465% 0.029849 199.19444; - --a: 42.6213% 0.074405 224.389184; - --n: 16.5109% 0.015743 326.261446; - --b1: 21.6758% 0.023072 329.708637; - --bc: 72.3547% 0.092794 79.129387; - --in: 79.4902% 0.063869 184.558367; - --su: 74.7224% 0.072456 131.116276; - --wa: 88.1503% 0.140812 87.722413; - --er: 77.3187% 0.12822 31.871922; -} - -:root:has(input.theme-controller[value=coffee]:checked) { - color-scheme: dark; - --b2: 20.1585% 0.021457 329.708637; - --b3: 18.6412% 0.019842 329.708637; - --pc: 14.3993% 0.024765 62.756393; - --sc: 86.893% 0.00597 199.19444; - --ac: 88.5243% 0.014881 224.389184; - --nc: 83.3022% 0.003149 326.261446; - --inc: 15.898% 0.012774 184.558367; - --suc: 14.9445% 0.014491 131.116276; - --wac: 17.6301% 0.028162 87.722413; - --erc: 15.4637% 0.025644 31.871922; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.9967% 0.123825 62.756393; - --s: 34.465% 0.029849 199.19444; - --a: 42.6213% 0.074405 224.389184; - --n: 16.5109% 0.015743 326.261446; - --b1: 21.6758% 0.023072 329.708637; - --bc: 72.3547% 0.092794 79.129387; - --in: 79.4902% 0.063869 184.558367; - --su: 74.7224% 0.072456 131.116276; - --wa: 88.1503% 0.140812 87.722413; - --er: 77.3187% 0.12822 31.871922; -} - -[data-theme=winter] { - color-scheme: light; - --pc: 91.372% 0.051 257.57; - --sc: 88.5103% 0.03222 282.339433; - --ac: 11.988% 0.038303 335.171434; - --nc: 83.9233% 0.012704 257.651965; - --inc: 17.6255% 0.017178 214.515264; - --suc: 16.0988% 0.015404 197.823719; - --wac: 17.8345% 0.009167 71.47031; - --erc: 14.6185% 0.022037 20.076293; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 56.86% 0.255 257.57; - --s: 42.5516% 0.161098 282.339433; - --a: 59.9398% 0.191515 335.171434; - --n: 19.6166% 0.063518 257.651965; - --b1: 100% 0 0; - --b2: 97.4663% 0.011947 259.822565; - --b3: 93.2686% 0.016223 262.751375; - --bc: 41.8869% 0.053885 255.824911; - --in: 88.1275% 0.085888 214.515264; - --su: 80.4941% 0.077019 197.823719; - --wa: 89.1725% 0.045833 71.47031; - --er: 73.0926% 0.110185 20.076293; -} - -:root:has(input.theme-controller[value=winter]:checked) { - color-scheme: light; - --pc: 91.372% 0.051 257.57; - --sc: 88.5103% 0.03222 282.339433; - --ac: 11.988% 0.038303 335.171434; - --nc: 83.9233% 0.012704 257.651965; - --inc: 17.6255% 0.017178 214.515264; - --suc: 16.0988% 0.015404 197.823719; - --wac: 17.8345% 0.009167 71.47031; - --erc: 14.6185% 0.022037 20.076293; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 56.86% 0.255 257.57; - --s: 42.5516% 0.161098 282.339433; - --a: 59.9398% 0.191515 335.171434; - --n: 19.6166% 0.063518 257.651965; - --b1: 100% 0 0; - --b2: 97.4663% 0.011947 259.822565; - --b3: 93.2686% 0.016223 262.751375; - --bc: 41.8869% 0.053885 255.824911; - --in: 88.1275% 0.085888 214.515264; - --su: 80.4941% 0.077019 197.823719; - --wa: 89.1725% 0.045833 71.47031; - --er: 73.0926% 0.110185 20.076293; -} - -[data-theme=dim] { - color-scheme: dark; - --pc: 17.2267% 0.028331 139.549991; - --sc: 14.6752% 0.033181 35.353059; - --ac: 14.8459% 0.026728 311.37924; - --inc: 17.2157% 0.028409 206.182959; - --suc: 17.2343% 0.028437 166.534048; - --wac: 17.2327% 0.028447 94.818679; - --erc: 16.4838% 0.019914 33.756357; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 86.1335% 0.141656 139.549991; - --s: 73.3759% 0.165904 35.353059; - --a: 74.2296% 0.133641 311.37924; - --n: 24.7311% 0.020483 264.094728; - --nc: 82.9011% 0.031335 222.959324; - --b1: 30.8577% 0.023243 264.149498; - --b2: 28.0368% 0.01983 264.182074; - --b3: 26.3469% 0.018403 262.177739; - --bc: 82.9011% 0.031335 222.959324; - --in: 86.0785% 0.142046 206.182959; - --su: 86.1717% 0.142187 166.534048; - --wa: 86.1634% 0.142236 94.818679; - --er: 82.4189% 0.09957 33.756357; -} - -:root:has(input.theme-controller[value=dim]:checked) { - color-scheme: dark; - --pc: 17.2267% 0.028331 139.549991; - --sc: 14.6752% 0.033181 35.353059; - --ac: 14.8459% 0.026728 311.37924; - --inc: 17.2157% 0.028409 206.182959; - --suc: 17.2343% 0.028437 166.534048; - --wac: 17.2327% 0.028447 94.818679; - --erc: 16.4838% 0.019914 33.756357; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 86.1335% 0.141656 139.549991; - --s: 73.3759% 0.165904 35.353059; - --a: 74.2296% 0.133641 311.37924; - --n: 24.7311% 0.020483 264.094728; - --nc: 82.9011% 0.031335 222.959324; - --b1: 30.8577% 0.023243 264.149498; - --b2: 28.0368% 0.01983 264.182074; - --b3: 26.3469% 0.018403 262.177739; - --bc: 82.9011% 0.031335 222.959324; - --in: 86.0785% 0.142046 206.182959; - --su: 86.1717% 0.142187 166.534048; - --wa: 86.1634% 0.142236 94.818679; - --er: 82.4189% 0.09957 33.756357; -} - -[data-theme=nord] { - color-scheme: light; - --pc: 11.8872% 0.015449 254.027774; - --sc: 13.9303% 0.011822 248.687186; - --ac: 15.4929% 0.01245 217.469017; - --inc: 13.8414% 0.012499 332.664922; - --suc: 15.3654% 0.01498 131.063061; - --wac: 17.0972% 0.017847 84.093335; - --erc: 12.122% 0.024119 15.341883; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 59.4359% 0.077246 254.027774; - --s: 69.6516% 0.059108 248.687186; - --a: 77.4643% 0.062249 217.469017; - --n: 45.229% 0.035214 264.1312; - --nc: 89.9258% 0.016374 262.749256; - --b1: 95.1276% 0.007445 260.731539; - --b2: 93.2996% 0.010389 261.788485; - --b3: 89.9258% 0.016374 262.749256; - --bc: 32.4374% 0.022945 264.182036; - --in: 69.2072% 0.062496 332.664922; - --su: 76.827% 0.074899 131.063061; - --wa: 85.4862% 0.089234 84.093335; - --er: 60.61% 0.120594 15.341883; - --rounded-box: 0.4rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.2rem; -} - -:root:has(input.theme-controller[value=nord]:checked) { - color-scheme: light; - --pc: 11.8872% 0.015449 254.027774; - --sc: 13.9303% 0.011822 248.687186; - --ac: 15.4929% 0.01245 217.469017; - --inc: 13.8414% 0.012499 332.664922; - --suc: 15.3654% 0.01498 131.063061; - --wac: 17.0972% 0.017847 84.093335; - --erc: 12.122% 0.024119 15.341883; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 59.4359% 0.077246 254.027774; - --s: 69.6516% 0.059108 248.687186; - --a: 77.4643% 0.062249 217.469017; - --n: 45.229% 0.035214 264.1312; - --nc: 89.9258% 0.016374 262.749256; - --b1: 95.1276% 0.007445 260.731539; - --b2: 93.2996% 0.010389 261.788485; - --b3: 89.9258% 0.016374 262.749256; - --bc: 32.4374% 0.022945 264.182036; - --in: 69.2072% 0.062496 332.664922; - --su: 76.827% 0.074899 131.063061; - --wa: 85.4862% 0.089234 84.093335; - --er: 60.61% 0.120594 15.341883; - --rounded-box: 0.4rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.2rem; -} - -[data-theme=sunset] { - color-scheme: dark; - --pc: 14.9408% 0.031656 39.94703; - --sc: 14.5075% 0.035531 2.72034; - --ac: 14.2589% 0.033336 299.844533; - --inc: 17.1119% 0.017054 206.015183; - --suc: 17.1122% 0.017172 144.77874; - --wac: 17.1139% 0.016961 74.427797; - --erc: 17.1023% 0.015778 16.886379; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 74.7039% 0.158278 39.94703; - --s: 72.5375% 0.177654 2.72034; - --a: 71.2947% 0.166678 299.844533; - --n: 26% 0.019 237.69; - --nc: 70% 0.019 237.69; - --b1: 22% 0.019 237.69; - --b2: 20% 0.019 237.69; - --b3: 18% 0.019 237.69; - --bc: 77.3835% 0.043586 245.096534; - --in: 85.5596% 0.085271 206.015183; - --su: 85.5609% 0.08586 144.77874; - --wa: 85.5695% 0.084806 74.427797; - --er: 85.5116% 0.07889 16.886379; - --rounded-box: 1.2rem; - --rounded-btn: 0.8rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=sunset]:checked) { - color-scheme: dark; - --pc: 14.9408% 0.031656 39.94703; - --sc: 14.5075% 0.035531 2.72034; - --ac: 14.2589% 0.033336 299.844533; - --inc: 17.1119% 0.017054 206.015183; - --suc: 17.1122% 0.017172 144.77874; - --wac: 17.1139% 0.016961 74.427797; - --erc: 17.1023% 0.015778 16.886379; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 74.7039% 0.158278 39.94703; - --s: 72.5375% 0.177654 2.72034; - --a: 71.2947% 0.166678 299.844533; - --n: 26% 0.019 237.69; - --nc: 70% 0.019 237.69; - --b1: 22% 0.019 237.69; - --b2: 20% 0.019 237.69; - --b3: 18% 0.019 237.69; - --bc: 77.3835% 0.043586 245.096534; - --in: 85.5596% 0.085271 206.015183; - --su: 85.5609% 0.08586 144.77874; - --wa: 85.5695% 0.084806 74.427797; - --er: 85.5116% 0.07889 16.886379; - --rounded-box: 1.2rem; - --rounded-btn: 0.8rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.7rem; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -@media (hover:hover) { - .label a:hover { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - } - - .menu li > *:not(ul, .menu-title, details, .btn):active, -.menu li > *:not(ul, .menu-title, details, .btn).active, -.menu li > details > summary:active { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); - } - - .tab:hover { - --tw-text-opacity: 1; - } - - .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - } - - .table tr.hover:hover, - .table tr.hover:nth-child(even):hover { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - } -} - -.btn { - display: inline-flex; - height: 3rem; - min-height: 3rem; - flex-shrink: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - flex-wrap: wrap; - align-items: center; - justify-content: center; - border-radius: var(--rounded-btn, 0.5rem); - border-color: transparent; - border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)); - padding-left: 1rem; - padding-right: 1rem; - text-align: center; - font-size: 0.875rem; - line-height: 1em; - gap: 0.5rem; - font-weight: 600; - text-decoration-line: none; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - border-width: var(--border-btn, 1px); - transition-property: color, background-color, border-color, opacity, box-shadow, transform; - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); - background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)); - --tw-bg-opacity: 1; - --tw-border-opacity: 1; -} - -.btn-disabled, - .btn[disabled], - .btn:disabled { - pointer-events: none; -} - -:where(.btn:is(input[type="checkbox"])), -:where(.btn:is(input[type="radio"])) { - width: auto; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.btn:is(input[type="checkbox"]):after, -.btn:is(input[type="radio"]):after { - --tw-content: attr(aria-label); - content: var(--tw-content); -} - -.card { - position: relative; - display: flex; - flex-direction: column; - border-radius: var(--rounded-box, 1rem); -} - -.card:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.card figure { - display: flex; - align-items: center; - justify-content: center; -} - -.card.image-full { - display: grid; -} - -.card.image-full:before { - position: relative; - content: ""; - z-index: 10; - border-radius: var(--rounded-box, 1rem); - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - opacity: 0.75; -} - -.card.image-full:before, - .card.image-full > * { - grid-column-start: 1; - grid-row-start: 1; -} - -.card.image-full > figure img { - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} - -.card.image-full > .card-body { - position: relative; - z-index: 20; - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.checkbox { - flex-shrink: 0; - --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); - --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); - height: 1.5rem; - width: 1.5rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--rounded-btn, 0.5rem); - border-width: 1px; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; -} - -.collapse:not(td):not(tr):not(colgroup) { - visibility: visible; -} - -.collapse { - position: relative; - display: grid; - overflow: hidden; - grid-template-rows: auto 0fr; - transition: grid-template-rows 0.2s; - width: 100%; - border-radius: var(--rounded-box, 1rem); -} - -.collapse-title, -.collapse > input[type="checkbox"], -.collapse > input[type="radio"], -.collapse-content { - grid-column-start: 1; - grid-row-start: 1; -} - -.collapse > input[type="checkbox"], -.collapse > input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - opacity: 0; -} - -.collapse-content { - visibility: hidden; - grid-column-start: 1; - grid-row-start: 2; - min-height: 0px; - transition: visibility 0.2s; - transition: padding 0.2s ease-out, - background-color 0.2s ease-out; - padding-left: 1rem; - padding-right: 1rem; - cursor: unset; -} - -.collapse[open], -.collapse-open, -.collapse:focus:not(.collapse-close) { - grid-template-rows: auto 1fr; -} - -.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), -.collapse:not(.collapse-close):has(> input[type="radio"]:checked) { - grid-template-rows: auto 1fr; -} - -.collapse[open] > .collapse-content, -.collapse-open > .collapse-content, -.collapse:focus:not(.collapse-close) > .collapse-content, -.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, -.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content { - visibility: visible; - min-height: -moz-fit-content; - min-height: fit-content; -} - -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown > *:not(summary):focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.dropdown .dropdown-content { - position: absolute; -} - -.dropdown:is(:not(details)) .dropdown-content { - visibility: hidden; - opacity: 0; - transform-origin: top; - --tw-scale-x: .95; - --tw-scale-y: .95; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 200ms; -} - -.dropdown-end .dropdown-content { - inset-inline-end: 0px; -} - -.dropdown-left .dropdown-content { - bottom: auto; - inset-inline-end: 100%; - top: 0px; - transform-origin: right; -} - -.dropdown-right .dropdown-content { - bottom: auto; - inset-inline-start: 100%; - top: 0px; - transform-origin: left; -} - -.dropdown-bottom .dropdown-content { - bottom: auto; - top: 100%; - transform-origin: top; -} - -.dropdown-top .dropdown-content { - bottom: 100%; - top: auto; - transform-origin: bottom; -} - -.dropdown-end.dropdown-right .dropdown-content { - bottom: 0px; - top: auto; -} - -.dropdown-end.dropdown-left .dropdown-content { - bottom: 0px; - top: auto; -} - -.dropdown.dropdown-open .dropdown-content, -.dropdown:not(.dropdown-hover):focus .dropdown-content, -.dropdown:focus-within .dropdown-content { - visibility: visible; - opacity: 1; -} - -@media (hover: hover) { - .dropdown.dropdown-hover:hover .dropdown-content { - visibility: visible; - opacity: 1; - } - - .btm-nav > *.disabled:hover, - .btm-nav > *[disabled]:hover { - pointer-events: none; - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } - - .btn:hover { - --tw-border-opacity: 1; - border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn:hover { - background-color: color-mix( - in oklab, - oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, - black - ); - border-color: color-mix( - in oklab, - oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, - black - ); - } - } - - @supports not (color: oklch(0% 0 0)) { - .btn:hover { - background-color: var(--btn-color, var(--fallback-b2)); - border-color: var(--btn-color, var(--fallback-b2)); - } - } - - .btn.glass:hover { - --glass-opacity: 25%; - --glass-border-opacity: 15%; - } - - .btn-ghost:hover { - border-color: transparent; - } - - @supports (color: oklch(0% 0 0)) { - .btn-ghost:hover { - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); - } - } - - .btn-outline.btn-primary:hover { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-primary:hover { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - } - - .btn-outline.btn-secondary:hover { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-secondary:hover { - background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - } - } - - .btn-outline.btn-accent:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-accent:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .btn-outline.btn-info:hover { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-info:hover { - background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - } - } - - .btn-outline.btn-warning:hover { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-warning:hover { - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - } - } - - .btn-outline.btn-error:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-error:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .btn-disabled:hover, - .btn[disabled]:hover, - .btn:disabled:hover { - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.2; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - } - - .dropdown.dropdown-hover:hover .dropdown-content { - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } - - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { - cursor: pointer; - outline: 2px solid transparent; - outline-offset: 2px; - } - - @supports (color: oklch(0% 0 0)) { - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); - } - } - - .tab[disabled], - .tab[disabled]:hover { - cursor: not-allowed; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } -} - -.dropdown:is(details) summary::-webkit-details-marker { - display: none; -} - -.label { - display: flex; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - align-items: center; - justify-content: space-between; - padding-left: 0.25rem; - padding-right: 0.25rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.input { - flex-shrink: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 3rem; - padding-left: 1rem; - padding-right: 1rem; - font-size: 1rem; - line-height: 2; - line-height: 1.5rem; - border-radius: var(--rounded-btn, 0.5rem); - border-width: 1px; - border-color: transparent; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.input[type="number"]::-webkit-inner-spin-button, -.input-md[type="number"]::-webkit-inner-spin-button { - margin-top: -1rem; - margin-bottom: -1rem; - margin-inline-end: -1rem; -} - -.input-sm[type="number"]::-webkit-inner-spin-button { - margin-top: 0px; - margin-bottom: 0px; - margin-inline-end: -0px; -} - -.join .dropdown .join-item:first-child:not(:last-child), - .join *:first-child:not(:last-child) .dropdown .join-item { - border-start-end-radius: inherit; - border-end-end-radius: inherit; -} - -.link { - cursor: pointer; - text-decoration-line: underline; -} - -.menu { - display: flex; - flex-direction: column; - flex-wrap: wrap; - font-size: 0.875rem; - line-height: 1.25rem; - padding: 0.5rem; -} - -.menu :where(li ul) { - position: relative; - white-space: nowrap; - margin-inline-start: 1rem; - padding-inline-start: 0.5rem; -} - -.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { - display: grid; - grid-auto-flow: column; - align-content: flex-start; - align-items: center; - gap: 0.5rem; - grid-auto-columns: minmax(auto, max-content) auto max-content; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.menu li.disabled { - cursor: not-allowed; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - color: var(--fallback-bc,oklch(var(--bc)/0.3)); -} - -.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { - display: none; -} - -:where(.menu li) { - position: relative; - display: flex; - flex-shrink: 0; - flex-direction: column; - flex-wrap: wrap; - align-items: stretch; -} - -:where(.menu li) .badge { - justify-self: end; -} - -.modal { - pointer-events: none; - position: fixed; - inset: 0px; - margin: 0px; - display: grid; - height: 100%; - max-height: none; - width: 100%; - max-width: none; - justify-items: center; - padding: 0px; - opacity: 0; - overscroll-behavior: contain; - z-index: 999; - background-color: transparent; - color: inherit; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-property: transform, opacity, visibility; - overflow-y: hidden; -} - -:where(.modal) { - align-items: center; -} - -.modal-open, -.modal:target, -.modal-toggle:checked + .modal, -.modal[open] { - pointer-events: auto; - visibility: visible; - opacity: 1; -} - -:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { - overflow: hidden; - scrollbar-gutter: stable; -} - -.radio { - flex-shrink: 0; - --chkbg: var(--bc); - height: 1.5rem; - width: 1.5rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: 9999px; - border-width: 1px; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; -} - -.tabs { - display: grid; - align-items: flex-end; -} - -.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) { - border-bottom-color: transparent; -} - -.tab { - position: relative; - grid-row-start: 1; - display: inline-flex; - height: 2rem; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - flex-wrap: wrap; - align-items: center; - justify-content: center; - text-align: center; - font-size: 0.875rem; - line-height: 1.25rem; - line-height: 2; - --tab-padding: 1rem; - --tw-text-opacity: 0.5; - --tab-color: var(--fallback-bc,oklch(var(--bc)/1)); - --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)); - --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)); - color: var(--tab-color); - padding-inline-start: var(--tab-padding, 1rem); - padding-inline-end: var(--tab-padding, 1rem); -} - -.tab:is(input[type="radio"]) { - width: auto; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -.tab:is(input[type="radio"]):after { - --tw-content: attr(aria-label); - content: var(--tw-content); -} - -.tab:not(input):empty { - cursor: default; - grid-column-start: span 9999; -} - -input.tab:checked + .tab-content, -:is(.tab-active, [aria-selected="true"]) + .tab-content { - display: block; -} - -.table { - position: relative; - width: 100%; - border-radius: var(--rounded-box, 1rem); - text-align: left; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.table :where(.table-pin-rows thead tr) { - position: sticky; - top: 0px; - z-index: 1; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.table :where(.table-pin-rows tfoot tr) { - position: sticky; - bottom: 0px; - z-index: 1; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.table :where(.table-pin-cols tr th) { - position: sticky; - left: 0px; - right: 0px; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.toggle { - flex-shrink: 0; - --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); - --handleoffset: 1.5rem; - --handleoffsetcalculator: calc(var(--handleoffset) * -1); - --togglehandleborder: 0 0; - height: 1.5rem; - width: 3rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--rounded-badge, 1.9rem); - border-width: 1px; - border-color: currentColor; - background-color: currentColor; - color: var(--fallback-bc,oklch(var(--bc)/0.5)); - transition: background, - box-shadow var(--animation-input, 0.2s) ease-out; - box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset, - var(--togglehandleborder); -} - -.btm-nav > *:where(.active) { - border-top-width: 2px; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.btm-nav > *.disabled, - .btm-nav > *[disabled] { - pointer-events: none; - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.btm-nav > * .label { - font-size: 1rem; - line-height: 1.5rem; -} - -@media (prefers-reduced-motion: no-preference) { - .btn { - animation: button-pop var(--animation-btn, 0.25s) ease-out; - } -} - -.btn:active:hover, - .btn:active:focus { - animation: button-pop 0s ease-out; - transform: scale(var(--btn-focus-scale, 0.97)); -} - -@supports not (color: oklch(0% 0 0)) { - .btn { - background-color: var(--btn-color, var(--fallback-b2)); - border-color: var(--btn-color, var(--fallback-b2)); - } - - .btn-primary { - --btn-color: var(--fallback-p); - } - - .btn-secondary { - --btn-color: var(--fallback-s); - } - - .btn-accent { - --btn-color: var(--fallback-a); - } - - .btn-info { - --btn-color: var(--fallback-in); - } - - .btn-warning { - --btn-color: var(--fallback-wa); - } - - .btn-error { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-primary.btn-active { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - - .btn-outline.btn-secondary.btn-active { - background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - } - - .btn-outline.btn-accent.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .btn-outline.btn-info.btn-active { - background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - } - - .btn-outline.btn-warning.btn-active { - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - } - - .btn-outline.btn-error.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -.btn:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; -} - -.btn-primary { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -@supports (color: oklch(0% 0 0)) { - .btn-primary { - --btn-color: var(--p); - } - - .btn-secondary { - --btn-color: var(--s); - } - - .btn-accent { - --btn-color: var(--a); - } - - .btn-info { - --btn-color: var(--in); - } - - .btn-warning { - --btn-color: var(--wa); - } - - .btn-error { - --btn-color: var(--er); - } -} - -.btn-secondary { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); - outline-color: var(--fallback-s,oklch(var(--s)/1)); -} - -.btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.btn-info { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); - outline-color: var(--fallback-in,oklch(var(--in)/1)); -} - -.btn-warning { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); - outline-color: var(--fallback-wa,oklch(var(--wa)/1)); -} - -.btn-error { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.btn.glass { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: currentColor; -} - -.btn.glass.btn-active { - --glass-opacity: 25%; - --glass-border-opacity: 15%; -} - -.btn-ghost { - border-width: 1px; - border-color: transparent; - background-color: transparent; - color: currentColor; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: currentColor; -} - -.btn-ghost.btn-active { - border-color: transparent; - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.btn-outline.btn-primary { - --tw-text-opacity: 1; - color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); -} - -.btn-outline.btn-primary.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-secondary { - --tw-text-opacity: 1; - color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); -} - -.btn-outline.btn-secondary.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.btn-outline.btn-accent.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.btn-outline.btn-info { - --tw-text-opacity: 1; - color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); -} - -.btn-outline.btn-info.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-warning { - --tw-text-opacity: 1; - color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); -} - -.btn-outline.btn-warning.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); -} - -.btn-outline.btn-error { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.btn-outline.btn-error.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -.btn.btn-disabled, - .btn[disabled], - .btn:disabled { - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.2; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.btn:is(input[type="checkbox"]:checked), -.btn:is(input[type="radio"]:checked) { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible { - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -@keyframes button-pop { - 0% { - transform: scale(var(--btn-focus-scale, 0.98)); - } - - 40% { - transform: scale(1.02); - } - - 100% { - transform: scale(1); - } -} - -.card :where(figure:first-child) { - overflow: hidden; - border-start-start-radius: inherit; - border-start-end-radius: inherit; - border-end-start-radius: unset; - border-end-end-radius: unset; -} - -.card :where(figure:last-child) { - overflow: hidden; - border-start-start-radius: unset; - border-start-end-radius: unset; - border-end-start-radius: inherit; - border-end-end-radius: inherit; -} - -.card:focus-visible { - outline: 2px solid currentColor; - outline-offset: 2px; -} - -.card.bordered { - border-width: 1px; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -.card.compact .card-body { - padding: 1rem; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.card.image-full :where(figure) { - overflow: hidden; - border-radius: inherit; -} - -.checkbox:focus { - box-shadow: none; -} - -.checkbox:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.checkbox:disabled { - border-width: 0px; - cursor: not-allowed; - border-color: transparent; - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.2; -} - -.checkbox:checked, - .checkbox[aria-checked="true"] { - background-repeat: no-repeat; - animation: checkmark var(--animation-input, 0.2s) ease-out; - background-color: var(--chkbg); - background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), - linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), - linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), - linear-gradient( - 45deg, - var(--chkbg) 30%, - var(--chkfg) 30.99%, - var(--chkfg) 40%, - transparent 40.99% - ), - linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%); -} - -.checkbox:indeterminate { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - background-repeat: no-repeat; - animation: checkmark var(--animation-input, 0.2s) ease-out; - background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), - linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), - linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%); -} - -@keyframes checkmark { - 0% { - background-position-y: 5px; - } - - 50% { - background-position-y: -2px; - } - - 100% { - background-position-y: 0; - } -} - -details.collapse { - width: 100%; -} - -details.collapse summary { - position: relative; - display: block; - outline: 2px solid transparent; - outline-offset: 2px; -} - -details.collapse summary::-webkit-details-marker { - display: none; -} - -.collapse:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.collapse:has(.collapse-title:focus-visible), -.collapse:has(> input[type="checkbox"]:focus-visible), -.collapse:has(> input[type="radio"]:focus-visible) { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.collapse-arrow > .collapse-title:after { - position: absolute; - display: block; - height: 0.5rem; - width: 0.5rem; - --tw-translate-y: -100%; - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 150ms; - transition-duration: 0.2s; - top: 1.9rem; - inset-inline-end: 1.4rem; - content: ""; - transform-origin: 75% 75%; - box-shadow: 2px 2px; - pointer-events: none; -} - -.collapse-plus > .collapse-title:after { - position: absolute; - display: block; - height: 0.5rem; - width: 0.5rem; - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 300ms; - top: 0.9rem; - inset-inline-end: 1.4rem; - content: "+"; - pointer-events: none; -} - -.collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], -.collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), -.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title { - cursor: pointer; -} - -.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title { - cursor: unset; -} - -.collapse-title { - position: relative; -} - -:where(.collapse > input[type="checkbox"]), -:where(.collapse > input[type="radio"]) { - z-index: 1; -} - -.collapse-title, -:where(.collapse > input[type="checkbox"]), -:where(.collapse > input[type="radio"]) { - width: 100%; - padding: 1rem; - padding-inline-end: 3rem; - min-height: 3.75rem; - transition: background-color 0.2s ease-out; -} - -.collapse[open] > :where(.collapse-content), -.collapse-open > :where(.collapse-content), -.collapse:focus:not(.collapse-close) > :where(.collapse-content), -.collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), -.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) { - padding-bottom: 1rem; - transition: padding 0.2s ease-out, - background-color 0.2s ease-out; -} - -.collapse[open].collapse-arrow > .collapse-title:after, -.collapse-open.collapse-arrow > .collapse-title:after, -.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, -.collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, -.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { - --tw-translate-y: -50%; - --tw-rotate: 225deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.collapse[open].collapse-plus > .collapse-title:after, -.collapse-open.collapse-plus > .collapse-title:after, -.collapse-plus:focus:not(.collapse-close) > .collapse-title:after, -.collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, -.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { - content: "−"; -} - -.dropdown.dropdown-open .dropdown-content, -.dropdown:focus .dropdown-content, -.dropdown:focus-within .dropdown-content { - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.input input { - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - background-color: transparent; -} - -.input input:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.input[list]::-webkit-calendar-picker-indicator { - line-height: 1em; -} - -.input-bordered { - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.input:focus, - .input:focus-within { - box-shadow: none; - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.input-primary { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); -} - -.input-primary:focus, - .input-primary:focus-within { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -.input:has(> input[disabled]), - .input-disabled, - .input:disabled, - .input[disabled] { - cursor: not-allowed; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - color: var(--fallback-bc,oklch(var(--bc)/0.4)); -} - -.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); - --tw-placeholder-opacity: 0.2; -} - -.input:has(> input[disabled])::placeholder, - .input-disabled::placeholder, - .input:disabled::placeholder, - .input[disabled]::placeholder { - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); - --tw-placeholder-opacity: 0.2; -} - -.input:has(> input[disabled]) > input[disabled] { - cursor: not-allowed; -} - -.input::-webkit-date-and-time-value { - text-align: inherit; -} - -.link:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.link:focus-visible { - outline: 2px solid currentColor; - outline-offset: 2px; -} - -:where(.menu li:empty) { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.1; - margin: 0.5rem 1rem; - height: 1px; -} - -.menu :where(li ul):before { - position: absolute; - bottom: 0.75rem; - inset-inline-start: 0px; - top: 0.75rem; - width: 1px; - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.1; - content: ""; -} - -.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), -.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { - border-radius: var(--rounded-btn, 0.5rem); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - text-align: start; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 200ms; - text-wrap: balance; -} - -:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible { - cursor: pointer; - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - outline: 2px solid transparent; - outline-offset: 2px; -} - -.menu li > *:not(ul, .menu-title, details, .btn):active, -.menu li > *:not(ul, .menu-title, details, .btn).active, -.menu li > details > summary:active { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.menu :where(li > details > summary)::-webkit-details-marker { - display: none; -} - -.menu :where(li > details > summary):after, -.menu :where(li > .menu-dropdown-toggle):after { - justify-self: end; - display: block; - margin-top: -0.5rem; - height: 0.5rem; - width: 0.5rem; - transform: rotate(45deg); - transition-property: transform, margin-top; - transition-duration: 0.3s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - content: ""; - transform-origin: 75% 75%; - box-shadow: 2px 2px; - pointer-events: none; -} - -.menu :where(li > details[open] > summary):after, -.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { - transform: rotate(225deg); - margin-top: 0; -} - -.mockup-browser .mockup-browser-toolbar .input { - position: relative; - margin-left: auto; - margin-right: auto; - display: block; - height: 1.75rem; - width: 24rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - padding-left: 2rem; - direction: ltr; -} - -.mockup-browser .mockup-browser-toolbar .input:before { - content: ""; - position: absolute; - left: 0.5rem; - top: 50%; - aspect-ratio: 1 / 1; - height: 0.75rem; - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - border-radius: 9999px; - border-width: 2px; - border-color: currentColor; - opacity: 0.6; -} - -.mockup-browser .mockup-browser-toolbar .input:after { - content: ""; - position: absolute; - left: 1.25rem; - top: 50%; - height: 0.5rem; - --tw-translate-y: 25%; - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - border-radius: 9999px; - border-width: 1px; - border-color: currentColor; - opacity: 0.6; -} - -.modal:not(dialog:not(.modal-open)), - .modal::backdrop { - background-color: #0006; - animation: modal-pop 0.2s ease-out; -} - -.modal-open .modal-box, -.modal-toggle:checked + .modal .modal-box, -.modal:target .modal-box, -.modal[open] .modal-box { - --tw-translate-y: 0px; - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -@keyframes modal-pop { - 0% { - opacity: 0; - } -} - -@keyframes progress-loading { - 50% { - background-position-x: -115%; - } -} - -.radio:focus { - box-shadow: none; -} - -.radio:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.radio:checked, - .radio[aria-checked="true"] { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - background-image: none; - animation: radiomark var(--animation-input, 0.2s) ease-out; - box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; -} - -.radio:disabled { - cursor: not-allowed; - opacity: 0.2; -} - -@keyframes radiomark { - 0% { - box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } - - 50% { - box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } - - 100% { - box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } -} - -@keyframes rating-pop { - 0% { - transform: translateY(-0.125em); - } - - 40% { - transform: translateY(-0.125em); - } - - 100% { - transform: translateY(0); - } -} - -@keyframes skeleton { - from { - background-position: 150%; - } - - to { - background-position: -50%; - } -} - -.tabs-lifted > .tab:focus-visible { - border-end-end-radius: 0; - border-end-start-radius: 0; -} - -.tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) { - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 1; - --tw-text-opacity: 1; -} - -.tab:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.tab:focus-visible { - outline: 2px solid currentColor; - outline-offset: -5px; -} - -.tab-disabled, - .tab[disabled] { - cursor: not-allowed; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.tabs-bordered > .tab { - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; - border-style: solid; - border-bottom-width: calc(var(--tab-border, 1px) + 1px); -} - -.tabs-lifted > .tab { - border: var(--tab-border, 1px) solid transparent; - border-width: 0 0 var(--tab-border, 1px) 0; - border-start-start-radius: var(--tab-radius, 0.5rem); - border-start-end-radius: var(--tab-radius, 0.5rem); - border-bottom-color: var(--tab-border-color); - padding-inline-start: var(--tab-padding, 1rem); - padding-inline-end: var(--tab-padding, 1rem); - padding-top: var(--tab-border, 1px); -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { - background-color: var(--tab-bg); - border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); - border-inline-start-color: var(--tab-border-color); - border-inline-end-color: var(--tab-border-color); - border-top-color: var(--tab-border-color); - padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); - padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); - padding-bottom: var(--tab-border, 1px); - padding-top: 0; -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before { - z-index: 1; - content: ""; - display: block; - position: absolute; - width: calc(100% + var(--tab-radius, 0.5rem) * 2); - height: var(--tab-radius, 0.5rem); - bottom: 0; - background-size: var(--tab-radius, 0.5rem); - background-position: top left, - top right; - background-repeat: no-repeat; - --tab-grad: calc(69% - var(--tab-border, 1px)); - --radius-start: radial-gradient( - circle at top left, - transparent var(--tab-grad), - var(--tab-border-color) calc(var(--tab-grad) + 0.25px), - var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), - var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) - ); - --radius-end: radial-gradient( - circle at top right, - transparent var(--tab-grad), - var(--tab-border-color) calc(var(--tab-grad) + 0.25px), - var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), - var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) - ); - background-image: var(--radius-start), var(--radius-end); -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before { - background-image: var(--radius-end); - background-position: top right; -} - -[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before { - background-image: var(--radius-start); - background-position: top left; -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before { - background-image: var(--radius-start); - background-position: top left; -} - -[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before { - background-image: var(--radius-end); - background-position: top right; -} - -.tabs-lifted - > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]) - + .tabs-lifted - :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before { - background-image: var(--radius-end); - background-position: top right; -} - -.tabs-boxed { - border-radius: var(--rounded-btn, 0.5rem); - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - padding: 0.25rem; -} - -.tabs-boxed .tab { - border-radius: var(--rounded-btn, 0.5rem); -} - -.tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) { - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -:is([dir="rtl"] .table) { - text-align: right; -} - -.table :where(th, td) { - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 0.75rem; - vertical-align: middle; -} - -.table tr.active, - .table tr.active:nth-child(even), - .table-zebra tbody tr:nth-child(even) { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); -} - -.table-zebra tr.active, - .table-zebra tr.active:nth-child(even), - .table-zebra-zebra tbody tr:nth-child(even) { - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); -} - -.table :where(thead tr, tbody tr:not(:last-child),tbody tr:first-child:last-child) { - border-bottom-width: 1px; - --tw-border-opacity: 1; - border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -.table :where(thead, tfoot) { - white-space: nowrap; - font-size: 0.75rem; - line-height: 1rem; - font-weight: 700; - color: var(--fallback-bc,oklch(var(--bc)/0.6)); -} - -.table :where(tfoot) { - border-top-width: 1px; - --tw-border-opacity: 1; - border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -@keyframes toast-pop { - 0% { - transform: scale(0.9); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } -} - -[dir="rtl"] .toggle { - --handleoffsetcalculator: calc(var(--handleoffset) * 1); -} - -.toggle:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.toggle:hover { - background-color: currentColor; -} - -.toggle:checked, - .toggle[aria-checked="true"] { - background-image: none; - --handleoffsetcalculator: var(--handleoffset); - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); -} - -[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] { - --handleoffsetcalculator: calc(var(--handleoffset) * -1); -} - -.toggle:indeterminate { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -[dir="rtl"] .toggle:indeterminate { - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -.toggle:disabled { - cursor: not-allowed; - --tw-border-opacity: 1; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - background-color: transparent; - opacity: 0.3; - --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, - var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; -} - -.btm-nav-xs > *:where(.active) { - border-top-width: 1px; -} - -.btm-nav-sm > *:where(.active) { - border-top-width: 2px; -} - -.btm-nav-md > *:where(.active) { - border-top-width: 2px; -} - -.btm-nav-lg > *:where(.active) { - border-top-width: 4px; -} - -.btn-sm { - height: 2rem; - min-height: 2rem; - padding-left: 0.75rem; - padding-right: 0.75rem; - font-size: 0.875rem; -} - -.btn-block { - width: 100%; -} - -.btn-square:where(.btn-sm) { - height: 2rem; - width: 2rem; - padding: 0px; -} - -.btn-circle:where(.btn-sm) { - height: 2rem; - width: 2rem; - border-radius: 9999px; - padding: 0px; -} - -.input-sm { - height: 2rem; - padding-left: 0.75rem; - padding-right: 0.75rem; - font-size: 0.875rem; - line-height: 2rem; -} - -.tabs-md :where(.tab) { - height: 2rem; - font-size: 0.875rem; - line-height: 1.25rem; - line-height: 2; - --tab-padding: 1rem; -} - -.tabs-lg :where(.tab) { - height: 3rem; - font-size: 1.125rem; - line-height: 1.75rem; - line-height: 2; - --tab-padding: 1.25rem; -} - -.tabs-sm :where(.tab) { - height: 1.5rem; - font-size: 0.875rem; - line-height: .75rem; - --tab-padding: 0.75rem; -} - -.tabs-xs :where(.tab) { - height: 1.25rem; - font-size: 0.75rem; - line-height: .75rem; - --tab-padding: 0.5rem; -} - -.tooltip { - position: relative; - display: inline-block; - --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)); -} - -.tooltip:before { - position: absolute; - pointer-events: none; - z-index: 1; - content: var(--tw-content); - --tw-content: attr(data-tip); -} - -.tooltip:before, .tooltip-top:before { - transform: translateX(-50%); - top: auto; - left: 50%; - right: auto; - bottom: var(--tooltip-offset); -} - -.tooltip-bottom:before { - transform: translateX(-50%); - top: var(--tooltip-offset); - left: 50%; - right: auto; - bottom: auto; -} - -.tooltip-left:before { - transform: translateY(-50%); - top: 50%; - left: auto; - right: var(--tooltip-offset); - bottom: auto; -} - -.tooltip { - position: relative; - display: inline-block; - text-align: center; - --tooltip-tail: 0.1875rem; - --tooltip-color: var(--fallback-n,oklch(var(--n)/1)); - --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)); - --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail)); -} - -.tooltip:before, -.tooltip:after { - opacity: 0; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-delay: 100ms; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.tooltip:after { - position: absolute; - content: ""; - border-style: solid; - border-width: var(--tooltip-tail, 0); - width: 0; - height: 0; - display: block; -} - -.tooltip:before { - max-width: 20rem; - border-radius: 0.25rem; - padding-left: 0.5rem; - padding-right: 0.5rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - font-size: 0.875rem; - line-height: 1.25rem; - background-color: var(--tooltip-color); - color: var(--tooltip-text-color); - width: -moz-max-content; - width: max-content; -} - -.tooltip.tooltip-open:before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip.tooltip-open:after { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:hover:before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:hover:after { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:has(:focus-visible):after, -.tooltip:has(:focus-visible):before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:not([data-tip]):hover:before, -.tooltip:not([data-tip]):hover:after { - visibility: hidden; - opacity: 0; -} - -.tooltip:after, .tooltip-top:after { - transform: translateX(-50%); - border-color: var(--tooltip-color) transparent transparent transparent; - top: auto; - left: 50%; - right: auto; - bottom: var(--tooltip-tail-offset); -} - -.tooltip-bottom:after { - transform: translateX(-50%); - border-color: transparent transparent var(--tooltip-color) transparent; - top: var(--tooltip-tail-offset); - left: 50%; - right: auto; - bottom: auto; -} - -.tooltip-left:after { - transform: translateY(-50%); - border-color: transparent transparent transparent var(--tooltip-color); - top: 50%; - left: auto; - right: calc(var(--tooltip-tail-offset) + 0.0625rem); - bottom: auto; -} - -.tooltip-secondary { - --tooltip-color: var(--fallback-s,oklch(var(--s)/1)); - --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1)); -} - -/* override daisy ui */ - -.tooltip { - display: revert; -} - -.tooltip:before { - z-index: 20; -} - -.dropdown { - position: revert; -} - -.tab:is(input[type="radio"]) { - border-bottom-right-radius: var(--rounded-btn, 0.5rem); - border-bottom-left-radius: var(--rounded-btn, 0.5rem); -} - -.collapse { - border-radius: 0px; -} - -.collapse-title { - min-height: 0px; - padding: 0px; -} - -.collapse-content { - cursor: pointer !important; - padding-bottom: 0px !important; -} - -/* my components */ - -.header { - width: 100%; - text-align: center; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 600; - text-decoration-line: underline; -} - -.panel { - border-width: 1px; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); - padding: 0.5rem; -} - -.collapse { - visibility: collapse; -} - -.static { - position: static; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.bottom-0 { - bottom: 0px; -} - -.bottom-10 { - bottom: 2.5rem; -} - -.left-0 { - left: 0px; -} - -.left-2 { - left: 0.5rem; -} - -.right-1 { - right: 0.25rem; -} - -.right-2 { - right: 0.5rem; -} - -.top-0 { - top: 0px; -} - -.top-1 { - top: 0.25rem; -} - -.top-10 { - top: 2.5rem; -} - -.top-2 { - top: 0.5rem; -} - -.top-3 { - top: 0.75rem; -} - -.top-40 { - top: 10rem; -} - -.top-\[180px\] { - top: 180px; -} - -.z-10 { - z-index: 10; -} - -.m-2 { - margin: 0.5rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-auto { - margin-top: auto; - margin-bottom: auto; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.mt-5 { - margin-top: 1.25rem; -} - -.box-content { - box-sizing: content-box; -} - -.block { - display: block; -} - -.inline-block { - display: inline-block; -} - -.inline { - display: inline; -} - -.flex { - display: flex; -} - -.table { - display: table; -} - -.hidden { - display: none; -} - -.h-10 { - height: 2.5rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-4 { - height: 1rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-8 { - height: 2rem; -} - -.h-\[18\%\] { - height: 18%; -} - -.h-full { - height: 100%; -} - -.h-screen { - height: 100vh; -} - -.min-h-0 { - min-height: 0px; -} - -.min-h-\[218px\] { - min-height: 218px; -} - -.min-h-\[268px\] { - min-height: 268px; -} - -.w-10 { - width: 2.5rem; -} - -.w-16 { - width: 4rem; -} - -.w-2 { - width: 0.5rem; -} - -.w-24 { - width: 6rem; -} - -.w-4 { - width: 1rem; -} - -.w-52 { - width: 13rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-60 { - width: 15rem; -} - -.w-72 { - width: 18rem; -} - -.w-8 { - width: 2rem; -} - -.w-full { - width: 100%; -} - -.min-w-36 { - min-width: 9rem; -} - -.max-w-40 { - max-width: 10rem; -} - -.max-w-\[144px\] { - max-width: 144px; -} - -.grow { - flex-grow: 1; -} - -.grow-0 { - flex-grow: 0; -} - -.border-separate { - border-collapse: separate; -} - -.border-spacing-0 { - --tw-border-spacing-x: 0px; - --tw-border-spacing-y: 0px; - border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); -} - -.transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.cursor-not-allowed { - cursor: not-allowed; -} - -.cursor-pointer { - cursor: pointer; -} - -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.list-disc { - list-style-type: disc; -} - -.flex-row { - flex-direction: row; -} - -.flex-col { - flex-direction: column; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.items-start { - align-items: flex-start; -} - -.items-end { - align-items: flex-end; -} - -.items-center { - align-items: center; -} - -.justify-start { - justify-content: flex-start; -} - -.justify-center { - justify-content: center; -} - -.gap-0 { - gap: 0px; -} - -.gap-1 { - gap: 0.25rem; -} - -.gap-2 { - gap: 0.5rem; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-5 { - gap: 1.25rem; -} - -.self-center { - align-self: center; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.overflow-x-scroll { - overflow-x: scroll; -} - -.overflow-y-scroll { - overflow-y: scroll; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.text-wrap { - text-wrap: wrap; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-2xl { - border-radius: 1rem; -} - -.rounded-box { - border-radius: var(--rounded-box, 1rem); -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.border { - border-width: 1px; -} - -.border-3 { - border-width: 3px; -} - -.border-l { - border-left-width: 1px; -} - -.border-t { - border-top-width: 1px; -} - -.border-error { - --tw-border-opacity: 1; - border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); -} - -.border-neutral { - --tw-border-opacity: 1; - border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); -} - -.border-suit-military { - --tw-border-opacity: 1; - border-color: rgb(223 71 71 / var(--tw-border-opacity)); -} - -.border-suit-noble { - --tw-border-opacity: 1; - border-color: rgb(224 189 22 / var(--tw-border-opacity)); -} - -.border-suit-religious { - --tw-border-opacity: 1; - border-color: rgb(75 203 214 / var(--tw-border-opacity)); -} - -.border-suit-trade { - --tw-border-opacity: 1; - border-color: rgb(104 189 126 / var(--tw-border-opacity)); -} - -.border-suit-unique { - --tw-border-opacity: 1; - border-color: rgb(169 107 244 / var(--tw-border-opacity)); -} - -.border-transparent { - border-color: transparent; -} - -.bg-\[rgba\(30\2c 30\2c 30\2c 0\.5\)\] { - background-color: rgba(30,30,30,0.5); -} - -.bg-base-100 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.bg-base-200 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); -} - -.bg-base-300 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); -} - -.bg-neutral { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); -} - -.bg-suit-military { - --tw-bg-opacity: 1; - background-color: rgb(223 71 71 / var(--tw-bg-opacity)); -} - -.bg-suit-noble { - --tw-bg-opacity: 1; - background-color: rgb(224 189 22 / var(--tw-bg-opacity)); -} - -.bg-suit-religious { - --tw-bg-opacity: 1; - background-color: rgb(75 203 214 / var(--tw-bg-opacity)); -} - -.bg-suit-trade { - --tw-bg-opacity: 1; - background-color: rgb(104 189 126 / var(--tw-bg-opacity)); -} - -.bg-suit-unique { - --tw-bg-opacity: 1; - background-color: rgb(169 107 244 / var(--tw-bg-opacity)); -} - -.bg-gradient-radial { - background-image: radial-gradient(var(--tw-gradient-stops)); -} - -.from-indigo-400 { - --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-indigo-500 { - --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.fill-current { - fill: currentColor; -} - -.p-0 { - padding: 0px; -} - -.p-1 { - padding: 0.25rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-4 { - padding: 1rem; -} - -.p-7 { - padding: 1.75rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.text-center { - text-align: center; -} - -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} - -.text-5xl { - font-size: 3rem; - line-height: 1; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.font-semibold { - font-weight: 600; -} - -.italic { - font-style: italic; -} - -.text-base-content { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-neutral-content { - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.underline { - text-decoration-line: underline; -} - -.decoration-suit-military { - text-decoration-color: rgb(223, 71, 71); -} - -.decoration-suit-noble { - text-decoration-color: rgb(224, 189, 22); -} - -.decoration-suit-religious { - text-decoration-color: rgb(75, 203, 214); -} - -.decoration-suit-trade { - text-decoration-color: rgb(104, 189, 126); -} - -.decoration-suit-unique { - text-decoration-color: rgb(169, 107, 244); -} - -.opacity-0 { - opacity: 0; -} - -.opacity-100 { - opacity: 1; -} - -.opacity-60 { - opacity: 0.6; -} - -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.saturate-0 { - --tw-saturate: saturate(0); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -/* - * This is a workaround for mobile, so that scroll - * and other gestures don't interfere with dragging - * https://github.com/taye/interact.js/issues/595#issuecomment-372888571 - */ - -.draggable { - cursor: grab !important; - touch-action: none !important; -} - -.dragging { - cursor: grabbing !important; - z-index: 1000 !important; -} - -@media (hover: hover) { - .hover\:btn-accent:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .hover\:btn-accent:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .hover\:btn-error:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-error:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .hover\:btn-error:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-error:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .hover\:btn-accent:hover { - --btn-color: var(--fallback-a); - } - - .hover\:btn-error:hover { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .hover\:btn-error:hover.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .hover\:btn-accent:hover { - --btn-color: var(--a); - } - - .hover\:btn-error:hover { - --btn-color: var(--er); - } -} - -.hover\:btn-accent:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.hover\:btn-error:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.hover\:btn-accent:hover.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.hover\:btn-accent:hover.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.hover\:btn-error:hover.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.hover\:btn-error:hover.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -@media (hover: hover) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .has-\[\:checked\]\:btn-accent:has(:checked) { - --btn-color: var(--fallback-a); - } - - .has-\[\:checked\]\:btn-error:has(:checked) { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .has-\[\:checked\]\:btn-accent:has(:checked) { - --btn-color: var(--a); - } - - .has-\[\:checked\]\:btn-error:has(:checked) { - --btn-color: var(--er); - } -} - -.has-\[\:checked\]\:btn-accent:has(:checked) { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.has-\[\:checked\]\:btn-error:has(:checked) { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-error:has(:checked).btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -@media (hover: hover) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --btn-color: var(--fallback-a); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --btn-color: var(--a); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --btn-color: var(--er); - } -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -.before\:w-full::before { - content: var(--tw-content); - width: 100%; -} - -.before\:max-w-\[155px\]::before { - content: var(--tw-content); - max-width: 155px; -} - -.before\:max-w-full::before { - content: var(--tw-content); - max-width: 100%; -} - -.first\:border-t-0:first-child { - border-top-width: 0px; -} - -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.peer:checked ~ .peer-checked\:border { - border-width: 1px; -} - -.peer:checked ~ .peer-checked\:border-4 { - border-width: 4px; -} - -.peer:checked ~ .peer-checked\:border-success { - --tw-border-opacity: 1; - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); -} - -.peer:checked ~ .peer-checked\:from-indigo-400 { - --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.peer:checked ~ .peer-checked\:p-0 { - padding: 0px; -} - -.peer:checked ~ .peer-checked\:saturate-100 { - --tw-saturate: saturate(1); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.has-\[\:checked\]\:border:has(:checked) { - border-width: 1px; -} - -.has-\[\:checked\]\:border-4:has(:checked) { - border-width: 4px; -} - -.has-\[\:checked\]\:border-success:has(:checked) { - --tw-border-opacity: 1; - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); -} - -.has-\[\:checked\]\:p-0:has(:checked) { - padding: 0px; -} - -.has-\[\:focus-visible\]\:ring-4:has(:focus-visible) { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} diff --git a/src/lib.rs b/src/lib.rs index ed3a0b4..25cb85d 100644 --- a/src/lib.rs +++ b/src/lib.rs @@ -6,6 +6,7 @@ pub mod districts; pub mod game; pub mod lobby; pub mod logger; +pub mod markup; pub mod museum; pub mod random; pub mod roles; diff --git a/src/markup/base.rs b/src/markup/base.rs new file mode 100644 index 0000000..5411e5a --- /dev/null +++ b/src/markup/base.rs @@ -0,0 +1,93 @@ +use maud::{html, Markup, DOCTYPE}; +use std::env; + +pub fn page(head: Markup, main: Markup) -> Markup { + html! { + (DOCTYPE) + html + hx-ext="ws,morph,json-enc,client-side-templates" + _="init get the theme of localStorage if it exists set my @data-theme to it" data-theme="dark" + { + head { + title { "Citadels" } + meta charset="utf-8"; + link name="viewport" content="width=device-width, initial-scale=1"; + link rel="shortcut icon" href=(asset("htmx.png")); + link rel="stylesheet" href=(asset("styles/index.css")); + (head) + } + + body hx-swap="morph" hx-target="body" { + (main) + } + } + } +} + +pub fn nav(logged_in: bool) -> Markup { + html! { + div class="flex flex-row justify-end items-center" { + ul class="menu menu-horizontal bg-base-200 rounded-box" { + li { + a href="/game" { + "Game" + } + } + li { + a href="/lobby" { + "Lobby" + } + } + li { + a href=(asset("rulebook.pdf")) target="_blank" { + "Rules" + } + } + li { + a href="/logout" { + "Logout" + } + } + li { + a href="/login" { + "Login" + } + } + li { + a href="/signup" { + "Signup" + } + } + } + } + } +} + +pub fn htmx_scripts() -> Markup { + html! { + script src="https://unpkg.com/htmx.org@1.9.10/dist/htmx.js" { } + script src="https://unpkg.com/htmx.org@1.9.10/dist/ext/ws.js" { } + script src="https://unpkg.com/htmx.org@1.9.10/dist/ext/json-enc.js" { } + // script src="https://unpkg.com/htmx.org@1.9.10/dist/ext/client-side-templates.js" { } + script src=(asset("vendor/idiomorph.js")) { } + } +} + +pub fn scripts() -> Markup { + html! { + (htmx_scripts()) + script src="https://unpkg.com/hyperscript.org@0.9.12" { } + script src="https://unpkg.com/interactjs/dist/interact.min.js" { } + } +} + +pub fn asset(path: &str) -> String { + if cfg!(feature = "dev") { + format!("/public/{path}") + } else { + format!( + "{}/storage/v1/object/public/assets/{path}", + env::var("SUPABASE_PROJECT_URL").unwrap() + ) + } +} diff --git a/src/markup/mod.rs b/src/markup/mod.rs new file mode 100644 index 0000000..6cf245d --- /dev/null +++ b/src/markup/mod.rs @@ -0,0 +1 @@ +pub mod base; diff --git a/src/templates/filters.rs b/src/templates/filters.rs index 279f0bc..9bf0ae3 100644 --- a/src/templates/filters.rs +++ b/src/templates/filters.rs @@ -1,11 +1,16 @@ use crate::actions::ActionTag; use crate::types::CardSuit; +use std::borrow::Cow; use std::fmt::Debug; pub fn debug(item: &T) -> askama::Result { Ok(format!("{:#?}", item)) } +pub fn asset(path: &str) -> askama::Result> { + Ok(crate::markup::base::asset(path).into()) +} + pub fn class(item: &ActionTag) -> askama::Result<&'static str> { let cls = match item { ActionTag::EndTurn => "btn-error", diff --git a/templates/base.html b/templates/base.html index b4f7de9..ec1268c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,8 +4,8 @@ Citadels - - + + diff --git a/upload-assets.js b/upload-assets.js new file mode 100644 index 0000000..e2a10ee --- /dev/null +++ b/upload-assets.js @@ -0,0 +1,63 @@ +import { createClient } from "@supabase/supabase-js"; +import fs from "node:fs"; +import path from "node:path"; +import process from "node:process"; + +// Create a single supabase client for interacting with your database +const url = "https://ryvsflpspddwwacxrnst.supabase.co"; + +const supabase = createClient(url, process.env.PROD_SUPABASE_SERVICE_ROLE_KEY); + +await supabase.storage + .createBucket("assets", { + public: true, + }); + +// refresh styles +await supabase.storage + .from("assets") + .remove(["styles/index.css"]) + +uploadDir("public"); + +function uploadDir(dir) { + for (const entry of fs.readdirSync(dir, { withFileTypes: true })) { + if (entry.isDirectory()) { + uploadDir(path.join(dir, entry.name)); + } else { + let filePath = path.join(entry.parentPath, entry.name); + let contents = fs.readFileSync(filePath); + supabase.storage + .from("assets") + .upload(filePath.substring(7), contents, { + contentType: mimeType(filePath), + }); + } + } +} + +function mimeType(fileName) { + const ext = path.extname(fileName); + switch (ext) { + case ".txt": + return "text/plain;charset=UTF-8"; + case ".css": + return "text/css;charset=UTF-8"; + case ".mp3": + return "audio/mpeg"; + case ".wav": + return "audio/wav"; + case ".png": + return "image/x-png"; + case ".jpeg": + return "image/jpeg"; + case ".jpg": + return "image/jpeg"; + case ".pdf": + return "application/pdf"; + case ".js": + return "application/javascript"; + default: + throw new Error(`Unexpected file ext: ${ext}`); + } +} From ed4b2b86428db436816fc8c9aefad23b0195f539 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:42:31 -0400 Subject: [PATCH 5/9] Use new dockerfile --- Dockerfile | 52 +++++++++++++++++++--------------------------------- 1 file changed, 19 insertions(+), 33 deletions(-) diff --git a/Dockerfile b/Dockerfile index 6a1a6ac..467f695 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,42 +1,28 @@ # syntax=docker/dockerfile:1.3.1 -FROM rust:1.75-slim-buster as builder +# https://github.com/LukeMathWalker/cargo-chef?tab=readme-ov-file#without-the-pre-built-image +FROM rust:alpine AS chef +RUN apk add --no-cache musl-dev +RUN cargo --version +RUN cargo install cargo-chef -# Cache apt-get dependencies -# https://stackoverflow.com/a/72851168/4875161 -RUN --mount=target=/var/lib/apt/lists,type=cache,sharing=locked \ - --mount=target=/var/cache/apt,type=cache,sharing=locked \ - rm -f /etc/apt/apt.conf.d/docker-clean \ - && apt-get update \ - && apt-get -y --no-install-recommends install \ - libsqlite3-dev -RUN mkdir -p /app WORKDIR /app -# https://stackoverflow.com/a/58474618 -# cache dependencies by building first with an empty main -RUN echo "fn main() {}" > dummy.rs -COPY .cargo/ .cargo/ -COPY vendor/ vendor/ +FROM chef AS planner +COPY . . +RUN cargo chef prepare --recipe-path recipe.json + +FROM chef AS builder +COPY --from=planner /app/recipe.json recipe.json + COPY macros/ macros/ COPY macros-impl/ macros-impl/ -COPY Cargo.toml Cargo.lock . -RUN sed -i 's#src/main.rs#dummy.rs#' Cargo.toml -RUN cargo build --bin citadels -# RUN cargo build --bin citadels --release -RUN sed -i 's#dummy.rs#src/main.rs#' Cargo.toml -COPY .env .env -COPY templates/ templates/ -COPY src/ src/ -RUN cargo build --bin citadels -# RUN cargo build --bin citadels --release +RUN cargo chef cook --release --recipe-path recipe.json +# Build application +COPY . . +RUN cargo build --release --bin citadels -# new layer for smaller image -FROM debian:buster-slim as runner -RUN apt-get update && apt-get install libsqlite3-0 -y +FROM alpine AS runtime WORKDIR /app -# COPY --from=builder /app/target/release/citadels /app/citadels -COPY --from=builder /app/target/debug/citadels /app/citadels -COPY public/ public/ -CMD ["/app/citadels"] - +COPY --from=builder /app/target/release/citadels /usr/local/bin +ENTRYPOINT ["/usr/local/bin/citadels"] From d98cef9498b3f55bbac559684496d52c13034d40 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 20:55:25 -0400 Subject: [PATCH 6/9] Fix build --- src/main.rs | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/main.rs b/src/main.rs index a00db05..ccba6d0 100644 --- a/src/main.rs +++ b/src/main.rs @@ -2,9 +2,8 @@ use citadels::server::routes::get_router; #[tokio::main] async fn main() { - if cfg!(feature = "dotenv") { - dotenv::dotenv().expect(".env not found"); - } + #[cfg(feature = "dotenv")] + dotenv::dotenv().expect(".env not found"); citadels::logger::init(); let port = "0.0.0.0:8080"; From f2398cffba50d9453dd404b8201d4149e48d1aa5 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 21:06:36 -0400 Subject: [PATCH 7/9] Deploy any branch --- deploy.sh | 4 +- fly.toml | 13 +- package-lock.json | 1574 +++++ package.json | 12 + public/styles/index.css | 6010 ----------------- supabase/.gitignore | 4 + supabase/config.toml | 134 + .../20240512200629_remote_schema.sql | 206 + supabase/seed.sql | 1 + 9 files changed, 1937 insertions(+), 6021 deletions(-) create mode 100644 package-lock.json create mode 100644 package.json delete mode 100644 public/styles/index.css create mode 100644 supabase/.gitignore create mode 100644 supabase/config.toml create mode 100644 supabase/migrations/20240512200629_remote_schema.sql create mode 100644 supabase/seed.sql diff --git a/deploy.sh b/deploy.sh index 029a89c..093d3ab 100755 --- a/deploy.sh +++ b/deploy.sh @@ -1,5 +1,7 @@ set -eo pipefail +BRANCH=${1:-"main"} + # load .env for supabase env vars export $(cat .env | xargs) @@ -14,4 +16,4 @@ node upload-assets.js # deploy to citadels.fly.dev fly secrets set GIT_SHA=$(git show -s --format=%H) -fly deploy --strategy=immediate -i=ghcr.io/charlestaylor7/citadels:main +fly deploy --strategy=immediate -i="ghcr.io/charlestaylor7/citadels:${BRANCH}" diff --git a/fly.toml b/fly.toml index e2b61f3..6662f8b 100644 --- a/fly.toml +++ b/fly.toml @@ -1,15 +1,7 @@ -# fly.toml app configuration file generated for citadels on 2023-12-25T19:58:04-05:00 -# -# See https://fly.io/docs/reference/configuration/ for information about how to use this file. -# - +# https://fly.io/docs/reference/configuration/ app = "citadels" primary_region = "iad" -[mounts] - source = "citadels_data" - destination = "/volume" - [[services]] internal_port = 8080 protocol = "tcp" @@ -26,5 +18,6 @@ primary_region = "iad" handlers = ["tls", "http"] port = "443" + [env] - VERSION = "0.7.1" +SUPABASE_PROJECT_URL="https://ryvsflpspddwwacxrnst.supabase.co" diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..f045c93 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,1574 @@ +{ + "name": "citadels", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "citadels", + "license": "MIT", + "devDependencies": { + "@supabase/supabase-js": "^2.43.1", + "daisyui": "^4.11.1", + "tailwindcss": "^3.4.3" + } + }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, + "node_modules/@supabase/auth-js": { + "version": "2.64.2", + "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.64.2.tgz", + "integrity": "sha512-s+lkHEdGiczDrzXJ1YWt2y3bxRi+qIUnXcgkpLSrId7yjBeaXBFygNjTaoZLG02KNcYwbuZ9qkEIqmj2hF7svw==", + "dev": true, + "dependencies": { + "@supabase/node-fetch": "^2.6.14" + } + }, + "node_modules/@supabase/functions-js": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.3.1.tgz", + "integrity": "sha512-QyzNle/rVzlOi4BbVqxLSH828VdGY1RElqGFAj+XeVypj6+PVtMlD21G8SDnsPQDtlqqTtoGRgdMlQZih5hTuw==", + "dev": true, + "dependencies": { + "@supabase/node-fetch": "^2.6.14" + } + }, + "node_modules/@supabase/node-fetch": { + "version": "2.6.15", + "resolved": "https://registry.npmjs.org/@supabase/node-fetch/-/node-fetch-2.6.15.tgz", + "integrity": "sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==", + "dev": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + } + }, + "node_modules/@supabase/postgrest-js": { + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.15.2.tgz", + "integrity": "sha512-9/7pUmXExvGuEK1yZhVYXPZnLEkDTwxgMQHXLrN5BwPZZm4iUCL1YEyep/Z2lIZah8d8M433mVAUEGsihUj5KQ==", + "dev": true, + "dependencies": { + "@supabase/node-fetch": "^2.6.14" + } + }, + "node_modules/@supabase/realtime-js": { + "version": "2.9.5", + "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.9.5.tgz", + "integrity": "sha512-TEHlGwNGGmKPdeMtca1lFTYCedrhTAv3nZVoSjrKQ+wkMmaERuCe57zkC5KSWFzLYkb5FVHW8Hrr+PX1DDwplQ==", + "dev": true, + "dependencies": { + "@supabase/node-fetch": "^2.6.14", + "@types/phoenix": "^1.5.4", + "@types/ws": "^8.5.10", + "ws": "^8.14.2" + } + }, + "node_modules/@supabase/storage-js": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.5.5.tgz", + "integrity": "sha512-OpLoDRjFwClwc2cjTJZG8XviTiQH4Ik8sCiMK5v7et0MDu2QlXjCAW3ljxJB5+z/KazdMOTnySi+hysxWUPu3w==", + "dev": true, + "dependencies": { + "@supabase/node-fetch": "^2.6.14" + } + }, + "node_modules/@supabase/supabase-js": { + "version": "2.43.1", + "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.43.1.tgz", + "integrity": "sha512-A+RV50mWNtyKo6M0u4G6AOqEifQD+MoOjZcpRkPMPpEAFgMsc2dt3kBlBlR/MgZizWQgUKhsvrwKk0efc8g6Ug==", + "dev": true, + "dependencies": { + "@supabase/auth-js": "2.64.2", + "@supabase/functions-js": "2.3.1", + "@supabase/node-fetch": "2.6.15", + "@supabase/postgrest-js": "1.15.2", + "@supabase/realtime-js": "2.9.5", + "@supabase/storage-js": "2.5.5" + } + }, + "node_modules/@types/node": { + "version": "20.12.11", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.11.tgz", + "integrity": "sha512-vDg9PZ/zi+Nqp6boSOT7plNuthRugEKixDv5sFTIpkE89MmNtEArAShI4mxuX2+UrLEe9pxC1vm2cjm9YlWbJw==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@types/phoenix": { + "version": "1.6.4", + "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.4.tgz", + "integrity": "sha512-B34A7uot1Cv0XtaHRYDATltAdKx0BvVKNgYNqE4WjtPUa4VQJM7kxeXcVKaH+KS+kCmZ+6w+QaUdcljiheiBJA==", + "dev": true + }, + "node_modules/@types/ws": { + "version": "8.5.10", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz", + "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", + "dev": true + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/arg": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", + "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", + "dev": true + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/chokidar/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/css-selector-tokenizer": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz", + "integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==", + "dev": true, + "dependencies": { + "cssesc": "^3.0.0", + "fastparse": "^1.1.2" + } + }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/culori": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz", + "integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, + "node_modules/daisyui": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.11.1.tgz", + "integrity": "sha512-obT9CUbQdW6eoHwSeT5VwaRrWlwrM4OT5qlfdJ0oQlSIEYhwnEl2+L2fwu5PioLbitwuMdYC2X8I1cyy8Pf6LQ==", + "dev": true, + "dependencies": { + "css-selector-tokenizer": "^0.8", + "culori": "^3", + "picocolors": "^1", + "postcss-js": "^4" + }, + "engines": { + "node": ">=16.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/daisyui" + } + }, + "node_modules/didyoumean": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", + "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", + "dev": true + }, + "node_modules/dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true + }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, + "node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/fast-glob": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fast-glob/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fastparse": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", + "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==", + "dev": true + }, + "node_modules/fastq": { + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", + "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==", + "dev": true, + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/foreground-child": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/glob": { + "version": "10.3.12", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz", + "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.6", + "minimatch": "^9.0.1", + "minipass": "^7.0.4", + "path-scurry": "^1.10.2" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "dependencies": { + "hasown": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/jackspeak": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, + "node_modules/jiti": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", + "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", + "dev": true, + "bin": { + "jiti": "bin/jiti.js" + } + }, + "node_modules/lilconfig": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", + "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "node_modules/lru-cache": { + "version": "10.2.2", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz", + "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==", + "dev": true, + "engines": { + "node": "14 || >=16.14" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/minimatch": { + "version": "9.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", + "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/minipass": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.0.tgz", + "integrity": "sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==", + "dev": true, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dev": true, + "dependencies": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-hash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", + "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/path-scurry": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz", + "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==", + "dev": true, + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/postcss": { + "version": "8.4.38", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", + "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.0.0", + "source-map-js": "^1.2.0" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-import": { + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", + "dev": true, + "dependencies": { + "postcss-value-parser": "^4.0.0", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, + "node_modules/postcss-js": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", + "dev": true, + "dependencies": { + "camelcase-css": "^2.0.1" + }, + "engines": { + "node": "^12 || ^14 || >= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.4.21" + } + }, + "node_modules/postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "engines": { + "node": ">= 14" + }, + "peerDependencies": { + "postcss": ">=8.0.9", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "postcss": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/postcss-load-config/node_modules/lilconfig": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz", + "integrity": "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antonk52" + } + }, + "node_modules/postcss-nested": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", + "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "dev": true, + "dependencies": { + "postcss-selector-parser": "^6.0.11" + }, + "engines": { + "node": ">=12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.2.14" + } + }, + "node_modules/postcss-selector-parser": { + "version": "6.0.16", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz", + "integrity": "sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==", + "dev": true, + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dev": true, + "dependencies": { + "pify": "^2.3.0" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/source-map-js": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "node_modules/string-width-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/sucrase": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", + "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "^10.3.10", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "bin": { + "sucrase": "bin/sucrase", + "sucrase-node": "bin/sucrase-node" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/tailwindcss": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz", + "integrity": "sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==", + "dev": true, + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "arg": "^5.0.2", + "chokidar": "^3.5.3", + "didyoumean": "^1.2.2", + "dlv": "^1.1.3", + "fast-glob": "^3.3.0", + "glob-parent": "^6.0.2", + "is-glob": "^4.0.3", + "jiti": "^1.21.0", + "lilconfig": "^2.1.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "object-hash": "^3.0.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.23", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.1", + "postcss-nested": "^6.0.1", + "postcss-selector-parser": "^6.0.11", + "resolve": "^1.22.2", + "sucrase": "^3.32.0" + }, + "bin": { + "tailwind": "lib/cli.js", + "tailwindcss": "lib/cli.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dev": true, + "dependencies": { + "any-promise": "^1.0.0" + } + }, + "node_modules/thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dev": true, + "dependencies": { + "thenify": ">= 3.1.0 < 4" + }, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/tr46": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", + "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==", + "dev": true + }, + "node_modules/ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true + }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "node_modules/webidl-conversions": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", + "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==", + "dev": true + }, + "node_modules/whatwg-url": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", + "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", + "dev": true, + "dependencies": { + "tr46": "~0.0.3", + "webidl-conversions": "^3.0.0" + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "node_modules/wrap-ansi-cjs/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ws": { + "version": "8.17.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz", + "integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==", + "dev": true, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/yaml": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.2.tgz", + "integrity": "sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==", + "dev": true, + "bin": { + "yaml": "bin.mjs" + }, + "engines": { + "node": ">= 14" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..8c37cff --- /dev/null +++ b/package.json @@ -0,0 +1,12 @@ +{ + "name": "citadels", + "description": "This is a web app for playing the card game [Citadels](https://boardgamegeek.com/boardgame/478/citadels).", + "author": "CharlesTaylor7", + "license": "MIT", + "type": "module", + "devDependencies": { + "@supabase/supabase-js": "^2.43.1", + "daisyui": "^4.11.1", + "tailwindcss": "^3.4.3" + } +} diff --git a/public/styles/index.css b/public/styles/index.css deleted file mode 100644 index 6c1e9c9..0000000 --- a/public/styles/index.css +++ /dev/null @@ -1,6010 +0,0 @@ -/* -! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -5. Use the user's configured `sans` font-feature-settings by default. -6. Use the user's configured `sans` font-variation-settings by default. -7. Disable tap highlights on iOS -*/ - -html, -:host { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ - -webkit-tap-highlight-color: transparent; - /* 7 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font-family by default. -2. Use the user's configured `mono` font-feature-settings by default. -3. Use the user's configured `mono` font-variation-settings by default. -4. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-feature-settings: normal; - /* 2 */ - font-variation-settings: normal; - /* 3 */ - font-size: 1em; - /* 4 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-feature-settings: inherit; - /* 1 */ - font-variation-settings: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Reset default styling for dialogs. -*/ - -dialog { - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* Make elements with the HTML hidden attribute stay hidden by default */ - -[hidden] { - display: none; -} - -:root, -[data-theme] { - background-color: var(--fallback-b1,oklch(var(--b1)/1)); - color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -@supports not (color: oklch(0% 0 0)) { - :root { - color-scheme: light; - --fallback-p: #491eff; - --fallback-pc: #d4dbff; - --fallback-s: #ff41c7; - --fallback-sc: #fff9fc; - --fallback-a: #00cfbd; - --fallback-ac: #00100d; - --fallback-n: #2b3440; - --fallback-nc: #d7dde4; - --fallback-b1: #ffffff; - --fallback-b2: #e5e6e6; - --fallback-b3: #e5e6e6; - --fallback-bc: #1f2937; - --fallback-in: #00b3f0; - --fallback-inc: #000000; - --fallback-su: #00ca92; - --fallback-suc: #000000; - --fallback-wa: #ffc22d; - --fallback-wac: #000000; - --fallback-er: #ff6f70; - --fallback-erc: #000000; - } - - @media (prefers-color-scheme: dark) { - :root { - color-scheme: dark; - --fallback-p: #7582ff; - --fallback-pc: #050617; - --fallback-s: #ff71cf; - --fallback-sc: #190211; - --fallback-a: #00c7b5; - --fallback-ac: #000e0c; - --fallback-n: #2a323c; - --fallback-nc: #a6adbb; - --fallback-b1: #1d232a; - --fallback-b2: #191e24; - --fallback-b3: #15191e; - --fallback-bc: #a6adbb; - --fallback-in: #00b3f0; - --fallback-inc: #000000; - --fallback-su: #00ca92; - --fallback-suc: #000000; - --fallback-wa: #ffc22d; - --fallback-wac: #000000; - --fallback-er: #ff6f70; - --fallback-erc: #000000; - } - } -} - -html { - -webkit-tap-highlight-color: transparent; -} - -:root { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -@media (prefers-color-scheme: dark) { - :root { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; - } -} - -[data-theme=light] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -:root:has(input.theme-controller[value=light]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 89.824% 0.06192 275.75; - --ac: 15.352% 0.0368 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 49.12% 0.3096 275.75; - --s: 69.71% 0.329 342.55; - --sc: 98.71% 0.0106 342.55; - --a: 76.76% 0.184 183.61; - --n: 32.1785% 0.02476 255.701624; - --nc: 89.4994% 0.011585 252.096176; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.4169% 0.00108 197.137559; - --bc: 27.8078% 0.029596 256.847952; -} - -[data-theme=dark] { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; -} - -:root:has(input.theme-controller[value=dark]:checked) { - color-scheme: dark; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 13.138% 0.0392 275.75; - --sc: 14.96% 0.052 342.55; - --ac: 14.902% 0.0334 183.61; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 65.69% 0.196 275.75; - --s: 74.8% 0.26 342.55; - --a: 74.51% 0.167 183.61; - --n: 31.3815% 0.021108 254.139175; - --nc: 74.6477% 0.0216 264.435964; - --b1: 25.3267% 0.015896 252.417568; - --b2: 23.2607% 0.013807 253.100675; - --b3: 21.1484% 0.01165 254.087939; - --bc: 74.6477% 0.0216 264.435964; -} - -[data-theme=cupcake] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 15.2344% 0.017892 200.026556; - --sc: 15.787% 0.020249 356.29965; - --ac: 15.8762% 0.029206 78.618794; - --nc: 84.7148% 0.013247 313.189598; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --p: 76.172% 0.089459 200.026556; - --s: 78.9351% 0.101246 356.29965; - --a: 79.3811% 0.146032 78.618794; - --n: 23.5742% 0.066235 313.189598; - --b1: 97.7882% 0.00418 56.375637; - --b2: 93.9822% 0.007638 61.449292; - --b3: 91.5861% 0.006811 53.440502; - --bc: 23.5742% 0.066235 313.189598; - --rounded-btn: 1.9rem; - --tab-border: 2px; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=cupcake]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 15.2344% 0.017892 200.026556; - --sc: 15.787% 0.020249 356.29965; - --ac: 15.8762% 0.029206 78.618794; - --nc: 84.7148% 0.013247 313.189598; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --p: 76.172% 0.089459 200.026556; - --s: 78.9351% 0.101246 356.29965; - --a: 79.3811% 0.146032 78.618794; - --n: 23.5742% 0.066235 313.189598; - --b1: 97.7882% 0.00418 56.375637; - --b2: 93.9822% 0.007638 61.449292; - --b3: 91.5861% 0.006811 53.440502; - --bc: 23.5742% 0.066235 313.189598; - --rounded-btn: 1.9rem; - --tab-border: 2px; - --tab-radius: 0.7rem; -} - -[data-theme=bumblebee] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --ac: 16.254% 0.0314 56.52; - --nc: 82.55% 0.015 281.99; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 89.51% 0.2132 96.61; - --pc: 38.92% 0.046 96.61; - --s: 80.39% 0.194 70.76; - --sc: 39.38% 0.068 70.76; - --a: 81.27% 0.157 56.52; - --n: 12.75% 0.075 281.99; - --b1: 100% 0 0; -} - -:root:has(input.theme-controller[value=bumblebee]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --ac: 16.254% 0.0314 56.52; - --nc: 82.55% 0.015 281.99; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 89.51% 0.2132 96.61; - --pc: 38.92% 0.046 96.61; - --s: 80.39% 0.194 70.76; - --sc: 39.38% 0.068 70.76; - --a: 81.27% 0.157 56.52; - --n: 12.75% 0.075 281.99; - --b1: 100% 0 0; -} - -[data-theme=emerald] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 76.6626% 0.135433 153.450024; - --pc: 33.3872% 0.040618 162.240129; - --s: 61.3028% 0.202368 261.294233; - --sc: 100% 0 0; - --a: 72.7725% 0.149783 33.200363; - --ac: 0% 0 0; - --n: 35.5192% 0.032071 262.988584; - --nc: 98.4625% 0.001706 247.838921; - --b1: 100% 0 0; - --bc: 35.5192% 0.032071 262.988584; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=emerald]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 76.6626% 0.135433 153.450024; - --pc: 33.3872% 0.040618 162.240129; - --s: 61.3028% 0.202368 261.294233; - --sc: 100% 0 0; - --a: 72.7725% 0.149783 33.200363; - --ac: 0% 0 0; - --n: 35.5192% 0.032071 262.988584; - --nc: 98.4625% 0.001706 247.838921; - --b1: 100% 0 0; - --bc: 35.5192% 0.032071 262.988584; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=corporate] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 12.078% 0.0456 269.1; - --sc: 13.0739% 0.010951 256.688055; - --ac: 15.3934% 0.022799 163.57888; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --border-btn: 1px; - --tab-border: 1px; - --p: 60.39% 0.228 269.1; - --s: 65.3694% 0.054756 256.688055; - --a: 76.9669% 0.113994 163.57888; - --n: 22.3899% 0.031305 278.07229; - --nc: 95.8796% 0.008588 247.915135; - --b1: 100% 0 0; - --bc: 22.3899% 0.031305 278.07229; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; - --tab-radius: 0.25rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=corporate]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 12.078% 0.0456 269.1; - --sc: 13.0739% 0.010951 256.688055; - --ac: 15.3934% 0.022799 163.57888; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --border-btn: 1px; - --tab-border: 1px; - --p: 60.39% 0.228 269.1; - --s: 65.3694% 0.054756 256.688055; - --a: 76.9669% 0.113994 163.57888; - --n: 22.3899% 0.031305 278.07229; - --nc: 95.8796% 0.008588 247.915135; - --b1: 100% 0 0; - --bc: 22.3899% 0.031305 278.07229; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; - --tab-radius: 0.25rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=synthwave] { - color-scheme: dark; - --b2: 20.2941% 0.076211 287.835609; - --b3: 18.7665% 0.070475 287.835609; - --pc: 14.4421% 0.031903 342.009383; - --sc: 15.6543% 0.02362 227.382405; - --ac: 17.608% 0.0412 93.72; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 72.2105% 0.159514 342.009383; - --s: 78.2714% 0.118101 227.382405; - --a: 88.04% 0.206 93.72; - --n: 25.5554% 0.103537 286.507967; - --nc: 97.9365% 0.00819 301.358346; - --b1: 21.8216% 0.081948 287.835609; - --bc: 97.9365% 0.00819 301.358346; - --in: 76.5197% 0.12273 231.831603; - --inc: 23.5017% 0.096418 290.329844; - --su: 86.0572% 0.115038 178.624677; - --suc: 23.5017% 0.096418 290.329844; - --wa: 85.531% 0.122117 93.722227; - --wac: 23.5017% 0.096418 290.329844; - --er: 73.7005% 0.121339 32.639257; - --erc: 23.5017% 0.096418 290.329844; -} - -:root:has(input.theme-controller[value=synthwave]:checked) { - color-scheme: dark; - --b2: 20.2941% 0.076211 287.835609; - --b3: 18.7665% 0.070475 287.835609; - --pc: 14.4421% 0.031903 342.009383; - --sc: 15.6543% 0.02362 227.382405; - --ac: 17.608% 0.0412 93.72; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 72.2105% 0.159514 342.009383; - --s: 78.2714% 0.118101 227.382405; - --a: 88.04% 0.206 93.72; - --n: 25.5554% 0.103537 286.507967; - --nc: 97.9365% 0.00819 301.358346; - --b1: 21.8216% 0.081948 287.835609; - --bc: 97.9365% 0.00819 301.358346; - --in: 76.5197% 0.12273 231.831603; - --inc: 23.5017% 0.096418 290.329844; - --su: 86.0572% 0.115038 178.624677; - --suc: 23.5017% 0.096418 290.329844; - --wa: 85.531% 0.122117 93.722227; - --wac: 23.5017% 0.096418 290.329844; - --er: 73.7005% 0.121339 32.639257; - --erc: 23.5017% 0.096418 290.329844; -} - -[data-theme=retro] { - color-scheme: light; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 76.8664% 0.104092 22.664655; - --pc: 26.5104% 0.006243 0.522862; - --s: 80.7415% 0.052534 159.094608; - --sc: 26.5104% 0.006243 0.522862; - --a: 70.3919% 0.125455 52.953428; - --ac: 26.5104% 0.006243 0.522862; - --n: 28.4181% 0.009519 355.534017; - --nc: 92.5604% 0.025113 89.217311; - --b1: 91.6374% 0.034554 90.51575; - --b2: 88.2722% 0.049418 91.774344; - --b3: 84.133% 0.065952 90.856665; - --bc: 26.5104% 0.006243 0.522862; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; - --rounded-box: 0.4rem; - --rounded-btn: 0.4rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.4rem; -} - -:root:has(input.theme-controller[value=retro]:checked) { - color-scheme: light; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 76.8664% 0.104092 22.664655; - --pc: 26.5104% 0.006243 0.522862; - --s: 80.7415% 0.052534 159.094608; - --sc: 26.5104% 0.006243 0.522862; - --a: 70.3919% 0.125455 52.953428; - --ac: 26.5104% 0.006243 0.522862; - --n: 28.4181% 0.009519 355.534017; - --nc: 92.5604% 0.025113 89.217311; - --b1: 91.6374% 0.034554 90.51575; - --b2: 88.2722% 0.049418 91.774344; - --b3: 84.133% 0.065952 90.856665; - --bc: 26.5104% 0.006243 0.522862; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; - --rounded-box: 0.4rem; - --rounded-btn: 0.4rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.4rem; -} - -[data-theme=cyberpunk] { - color-scheme: light; - --b2: 87.8943% 0.16647 104.32; - --b3: 81.2786% 0.15394 104.32; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 18.902% 0.0358 104.32; - --pc: 14.844% 0.0418 6.35; - --sc: 16.666% 0.0368 204.72; - --ac: 14.372% 0.04352 310.43; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 74.22% 0.209 6.35; - --s: 83.33% 0.184 204.72; - --a: 71.86% 0.2176 310.43; - --n: 23.04% 0.065 269.31; - --nc: 94.51% 0.179 104.32; - --b1: 94.51% 0.179 104.32; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --tab-radius: 0; -} - -:root:has(input.theme-controller[value=cyberpunk]:checked) { - color-scheme: light; - --b2: 87.8943% 0.16647 104.32; - --b3: 81.2786% 0.15394 104.32; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 18.902% 0.0358 104.32; - --pc: 14.844% 0.0418 6.35; - --sc: 16.666% 0.0368 204.72; - --ac: 14.372% 0.04352 310.43; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - --p: 74.22% 0.209 6.35; - --s: 83.33% 0.184 204.72; - --a: 71.86% 0.2176 310.43; - --n: 23.04% 0.065 269.31; - --nc: 94.51% 0.179 104.32; - --b1: 94.51% 0.179 104.32; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --tab-radius: 0; -} - -[data-theme=valentine] { - color-scheme: light; - --b2: 88.0567% 0.024834 337.06289; - --b3: 81.4288% 0.022964 337.06289; - --pc: 13.7239% 0.030755 15.066527; - --sc: 14.3942% 0.029258 293.189609; - --ac: 14.2537% 0.014961 197.828857; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.614% 0.0414 27.33; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 68.6197% 0.153774 15.066527; - --s: 71.971% 0.14629 293.189609; - --a: 71.2685% 0.074804 197.828857; - --n: 54.6053% 0.143342 358.004839; - --nc: 90.2701% 0.037202 336.955191; - --b1: 94.6846% 0.026703 337.06289; - --bc: 37.3085% 0.081131 4.606426; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.07% 0.207 27.33; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=valentine]:checked) { - color-scheme: light; - --b2: 88.0567% 0.024834 337.06289; - --b3: 81.4288% 0.022964 337.06289; - --pc: 13.7239% 0.030755 15.066527; - --sc: 14.3942% 0.029258 293.189609; - --ac: 14.2537% 0.014961 197.828857; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.614% 0.0414 27.33; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 68.6197% 0.153774 15.066527; - --s: 71.971% 0.14629 293.189609; - --a: 71.2685% 0.074804 197.828857; - --n: 54.6053% 0.143342 358.004839; - --nc: 90.2701% 0.037202 336.955191; - --b1: 94.6846% 0.026703 337.06289; - --bc: 37.3085% 0.081131 4.606426; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.07% 0.207 27.33; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -[data-theme=halloween] { - color-scheme: dark; - --b2: 23.0416% 0 0; - --b3: 21.3072% 0 0; - --bc: 84.9552% 0 0; - --sc: 89.196% 0.0496 305.03; - --nc: 84.8742% 0.009322 65.681484; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 77.48% 0.204 60.62; - --pc: 19.6935% 0.004671 196.779412; - --s: 45.98% 0.248 305.03; - --a: 64.8% 0.223 136.073479; - --ac: 0% 0 0; - --n: 24.371% 0.046608 65.681484; - --b1: 24.7759% 0 0; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; -} - -:root:has(input.theme-controller[value=halloween]:checked) { - color-scheme: dark; - --b2: 23.0416% 0 0; - --b3: 21.3072% 0 0; - --bc: 84.9552% 0 0; - --sc: 89.196% 0.0496 305.03; - --nc: 84.8742% 0.009322 65.681484; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 13.144% 0.0398 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 77.48% 0.204 60.62; - --pc: 19.6935% 0.004671 196.779412; - --s: 45.98% 0.248 305.03; - --a: 64.8% 0.223 136.073479; - --ac: 0% 0 0; - --n: 24.371% 0.046608 65.681484; - --b1: 24.7759% 0 0; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 65.72% 0.199 27.33; -} - -[data-theme=garden] { - color-scheme: light; - --b2: 86.4453% 0.002011 17.197414; - --b3: 79.9386% 0.00186 17.197414; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --sc: 89.699% 0.022197 355.095988; - --ac: 11.2547% 0.010859 154.390187; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 62.45% 0.278 3.83636; - --pc: 100% 0 0; - --s: 48.4952% 0.110985 355.095988; - --a: 56.2735% 0.054297 154.390187; - --n: 24.1559% 0.049362 89.070594; - --nc: 92.9519% 0.002163 17.197414; - --b1: 92.9519% 0.002163 17.197414; - --bc: 16.9617% 0.001664 17.32068; -} - -:root:has(input.theme-controller[value=garden]:checked) { - color-scheme: light; - --b2: 86.4453% 0.002011 17.197414; - --b3: 79.9386% 0.00186 17.197414; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --sc: 89.699% 0.022197 355.095988; - --ac: 11.2547% 0.010859 154.390187; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 62.45% 0.278 3.83636; - --pc: 100% 0 0; - --s: 48.4952% 0.110985 355.095988; - --a: 56.2735% 0.054297 154.390187; - --n: 24.1559% 0.049362 89.070594; - --nc: 92.9519% 0.002163 17.197414; - --b1: 92.9519% 0.002163 17.197414; - --bc: 16.9617% 0.001664 17.32068; -} - -[data-theme=forest] { - color-scheme: dark; - --b2: 17.522% 0.007709 17.911578; - --b3: 16.2032% 0.007129 17.911578; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 83.7682% 0.001658 17.911578; - --sc: 13.9553% 0.027077 168.327128; - --ac: 14.1257% 0.02389 185.713193; - --nc: 86.1397% 0.007806 171.364646; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 68.6283% 0.185567 148.958922; - --pc: 0% 0 0; - --s: 69.7764% 0.135385 168.327128; - --a: 70.6285% 0.119451 185.713193; - --n: 30.6985% 0.039032 171.364646; - --b1: 18.8409% 0.00829 17.911578; - --rounded-btn: 1.9rem; -} - -:root:has(input.theme-controller[value=forest]:checked) { - color-scheme: dark; - --b2: 17.522% 0.007709 17.911578; - --b3: 16.2032% 0.007129 17.911578; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 83.7682% 0.001658 17.911578; - --sc: 13.9553% 0.027077 168.327128; - --ac: 14.1257% 0.02389 185.713193; - --nc: 86.1397% 0.007806 171.364646; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 68.6283% 0.185567 148.958922; - --pc: 0% 0 0; - --s: 69.7764% 0.135385 168.327128; - --a: 70.6285% 0.119451 185.713193; - --n: 30.6985% 0.039032 171.364646; - --b1: 18.8409% 0.00829 17.911578; - --rounded-btn: 1.9rem; -} - -[data-theme=aqua] { - color-scheme: dark; - --b2: 45.3464% 0.118611 261.181672; - --b3: 41.9333% 0.109683 261.181672; - --bc: 89.7519% 0.025508 261.181672; - --sc: 12.1365% 0.02175 309.782946; - --ac: 18.6854% 0.020445 94.555431; - --nc: 12.2124% 0.023402 243.760661; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.79% 0.038 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 85.6617% 0.14498 198.6458; - --pc: 40.1249% 0.068266 197.603872; - --s: 60.6827% 0.108752 309.782946; - --a: 93.4269% 0.102225 94.555431; - --n: 61.0622% 0.117009 243.760661; - --b1: 48.7596% 0.127539 261.181672; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.95% 0.19 27.33; -} - -:root:has(input.theme-controller[value=aqua]:checked) { - color-scheme: dark; - --b2: 45.3464% 0.118611 261.181672; - --b3: 41.9333% 0.109683 261.181672; - --bc: 89.7519% 0.025508 261.181672; - --sc: 12.1365% 0.02175 309.782946; - --ac: 18.6854% 0.020445 94.555431; - --nc: 12.2124% 0.023402 243.760661; - --inc: 90.923% 0.043042 262.880917; - --suc: 12.541% 0.033982 149.213788; - --wac: 13.3168% 0.031484 58.31834; - --erc: 14.79% 0.038 27.33; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 85.6617% 0.14498 198.6458; - --pc: 40.1249% 0.068266 197.603872; - --s: 60.6827% 0.108752 309.782946; - --a: 93.4269% 0.102225 94.555431; - --n: 61.0622% 0.117009 243.760661; - --b1: 48.7596% 0.127539 261.181672; - --in: 54.615% 0.215208 262.880917; - --su: 62.7052% 0.169912 149.213788; - --wa: 66.584% 0.157422 58.31834; - --er: 73.95% 0.19 27.33; -} - -[data-theme=lofi] { - color-scheme: light; - --inc: 15.908% 0.0206 205.9; - --suc: 18.026% 0.0306 164.14; - --wac: 17.674% 0.027 79.94; - --erc: 15.732% 0.03 28.47; - --border-btn: 1px; - --tab-border: 1px; - --p: 15.9066% 0 0; - --pc: 100% 0 0; - --s: 21.455% 0.001566 17.278957; - --sc: 100% 0 0; - --a: 26.8618% 0 0; - --ac: 100% 0 0; - --n: 0% 0 0; - --nc: 100% 0 0; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.268% 0.001082 17.17934; - --bc: 0% 0 0; - --in: 79.54% 0.103 205.9; - --su: 90.13% 0.153 164.14; - --wa: 88.37% 0.135 79.94; - --er: 78.66% 0.15 28.47; - --rounded-box: 0.25rem; - --rounded-btn: 0.125rem; - --rounded-badge: 0.125rem; - --tab-radius: 0.125rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -:root:has(input.theme-controller[value=lofi]:checked) { - color-scheme: light; - --inc: 15.908% 0.0206 205.9; - --suc: 18.026% 0.0306 164.14; - --wac: 17.674% 0.027 79.94; - --erc: 15.732% 0.03 28.47; - --border-btn: 1px; - --tab-border: 1px; - --p: 15.9066% 0 0; - --pc: 100% 0 0; - --s: 21.455% 0.001566 17.278957; - --sc: 100% 0 0; - --a: 26.8618% 0 0; - --ac: 100% 0 0; - --n: 0% 0 0; - --nc: 100% 0 0; - --b1: 100% 0 0; - --b2: 96.1151% 0 0; - --b3: 92.268% 0.001082 17.17934; - --bc: 0% 0 0; - --in: 79.54% 0.103 205.9; - --su: 90.13% 0.153 164.14; - --wa: 88.37% 0.135 79.94; - --er: 78.66% 0.15 28.47; - --rounded-box: 0.25rem; - --rounded-btn: 0.125rem; - --rounded-badge: 0.125rem; - --tab-radius: 0.125rem; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; -} - -[data-theme=pastel] { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --pc: 16.6166% 0.006979 316.8737; - --sc: 17.6153% 0.009839 8.688364; - --ac: 17.8419% 0.012056 170.923263; - --nc: 14.2681% 0.014702 228.183906; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 83.0828% 0.034896 316.8737; - --s: 88.0763% 0.049197 8.688364; - --a: 89.2096% 0.06028 170.923263; - --n: 71.3406% 0.07351 228.183906; - --b1: 100% 0 0; - --b2: 98.4625% 0.001706 247.838921; - --b3: 87.1681% 0.009339 258.338227; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=pastel]:checked) { - color-scheme: light; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --bc: 20% 0 0; - --pc: 16.6166% 0.006979 316.8737; - --sc: 17.6153% 0.009839 8.688364; - --ac: 17.8419% 0.012056 170.923263; - --nc: 14.2681% 0.014702 228.183906; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 83.0828% 0.034896 316.8737; - --s: 88.0763% 0.049197 8.688364; - --a: 89.2096% 0.06028 170.923263; - --n: 71.3406% 0.07351 228.183906; - --b1: 100% 0 0; - --b2: 98.4625% 0.001706 247.838921; - --b3: 87.1681% 0.009339 258.338227; - --rounded-btn: 1.9rem; - --tab-radius: 0.7rem; -} - -[data-theme=fantasy] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 87.49% 0.0378 325.02; - --sc: 90.784% 0.0324 241.36; - --ac: 15.196% 0.0408 56.72; - --nc: 85.5616% 0.005919 256.847952; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 37.45% 0.189 325.02; - --s: 53.92% 0.162 241.36; - --a: 75.98% 0.204 56.72; - --n: 27.8078% 0.029596 256.847952; - --b1: 100% 0 0; - --bc: 27.8078% 0.029596 256.847952; -} - -:root:has(input.theme-controller[value=fantasy]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --in: 72.06% 0.191 231.6; - --su: 64.8% 0.150 160; - --wa: 84.71% 0.199 83.87; - --er: 71.76% 0.221 22.18; - --pc: 87.49% 0.0378 325.02; - --sc: 90.784% 0.0324 241.36; - --ac: 15.196% 0.0408 56.72; - --nc: 85.5616% 0.005919 256.847952; - --inc: 0% 0 0; - --suc: 0% 0 0; - --wac: 0% 0 0; - --erc: 0% 0 0; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 37.45% 0.189 325.02; - --s: 53.92% 0.162 241.36; - --a: 75.98% 0.204 56.72; - --n: 27.8078% 0.029596 256.847952; - --b1: 100% 0 0; - --bc: 27.8078% 0.029596 256.847952; -} - -[data-theme=wireframe] { - color-scheme: light; - --bc: 20% 0 0; - --pc: 15.6521% 0 0; - --sc: 15.6521% 0 0; - --ac: 15.6521% 0 0; - --nc: 18.8014% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 14.1626% 0.019994 108.702381; - --erc: 12.5591% 0.051537 29.233885; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 78.2604% 0 0; - --s: 78.2604% 0 0; - --a: 78.2604% 0 0; - --n: 94.007% 0 0; - --b1: 100% 0 0; - --b2: 94.9119% 0 0; - --b3: 89.7547% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 70.8131% 0.099969 108.702381; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0.2rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.2rem; - --tab-radius: 0.2rem; -} - -:root:has(input.theme-controller[value=wireframe]:checked) { - color-scheme: light; - --bc: 20% 0 0; - --pc: 15.6521% 0 0; - --sc: 15.6521% 0 0; - --ac: 15.6521% 0 0; - --nc: 18.8014% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 14.1626% 0.019994 108.702381; - --erc: 12.5591% 0.051537 29.233885; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - font-family: Chalkboard,comic sans ms,'sans-serif'; - --p: 78.2604% 0 0; - --s: 78.2604% 0 0; - --a: 78.2604% 0 0; - --n: 94.007% 0 0; - --b1: 100% 0 0; - --b2: 94.9119% 0 0; - --b3: 89.7547% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 70.8131% 0.099969 108.702381; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0.2rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.2rem; - --tab-radius: 0.2rem; -} - -[data-theme=black] { - color-scheme: dark; - --pc: 86.736% 0 0; - --sc: 86.736% 0 0; - --ac: 86.736% 0 0; - --nc: 86.736% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 19.3597% 0.042201 109.769232; - --erc: 12.5591% 0.051537 29.233885; - --border-btn: 1px; - --tab-border: 1px; - --p: 33.6799% 0 0; - --s: 33.6799% 0 0; - --a: 33.6799% 0 0; - --b1: 0% 0 0; - --b2: 19.1251% 0 0; - --b3: 26.8618% 0 0; - --bc: 87.6096% 0 0; - --n: 33.6799% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 96.7983% 0.211006 109.769232; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; - --tab-radius: 0; -} - -:root:has(input.theme-controller[value=black]:checked) { - color-scheme: dark; - --pc: 86.736% 0 0; - --sc: 86.736% 0 0; - --ac: 86.736% 0 0; - --nc: 86.736% 0 0; - --inc: 89.0403% 0.062643 264.052021; - --suc: 90.395% 0.035372 142.495339; - --wac: 19.3597% 0.042201 109.769232; - --erc: 12.5591% 0.051537 29.233885; - --border-btn: 1px; - --tab-border: 1px; - --p: 33.6799% 0 0; - --s: 33.6799% 0 0; - --a: 33.6799% 0 0; - --b1: 0% 0 0; - --b2: 19.1251% 0 0; - --b3: 26.8618% 0 0; - --bc: 87.6096% 0 0; - --n: 33.6799% 0 0; - --in: 45.2014% 0.313214 264.052021; - --su: 51.9752% 0.176858 142.495339; - --wa: 96.7983% 0.211006 109.769232; - --er: 62.7955% 0.257683 29.233885; - --rounded-box: 0; - --rounded-btn: 0; - --rounded-badge: 0; - --animation-btn: 0; - --animation-input: 0; - --btn-focus-scale: 1; - --tab-radius: 0; -} - -[data-theme=luxury] { - color-scheme: dark; - --pc: 20% 0 0; - --sc: 85.5163% 0.012821 261.069149; - --ac: 87.3349% 0.010348 338.82597; - --inc: 15.8122% 0.024356 237.133883; - --suc: 15.6239% 0.038579 132.154381; - --wac: 17.2255% 0.027305 102.89115; - --erc: 14.3506% 0.035271 22.568916; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 100% 0 0; - --s: 27.5815% 0.064106 261.069149; - --a: 36.6744% 0.051741 338.82597; - --n: 24.27% 0.057015 59.825019; - --nc: 93.2033% 0.089631 90.861683; - --b1: 14.0765% 0.004386 285.822869; - --b2: 20.2191% 0.004211 308.22937; - --b3: 29.8961% 0.003818 308.318612; - --bc: 75.6879% 0.123666 76.890484; - --in: 79.0612% 0.121778 237.133883; - --su: 78.1197% 0.192894 132.154381; - --wa: 86.1274% 0.136524 102.89115; - --er: 71.7531% 0.176357 22.568916; -} - -:root:has(input.theme-controller[value=luxury]:checked) { - color-scheme: dark; - --pc: 20% 0 0; - --sc: 85.5163% 0.012821 261.069149; - --ac: 87.3349% 0.010348 338.82597; - --inc: 15.8122% 0.024356 237.133883; - --suc: 15.6239% 0.038579 132.154381; - --wac: 17.2255% 0.027305 102.89115; - --erc: 14.3506% 0.035271 22.568916; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 100% 0 0; - --s: 27.5815% 0.064106 261.069149; - --a: 36.6744% 0.051741 338.82597; - --n: 24.27% 0.057015 59.825019; - --nc: 93.2033% 0.089631 90.861683; - --b1: 14.0765% 0.004386 285.822869; - --b2: 20.2191% 0.004211 308.22937; - --b3: 29.8961% 0.003818 308.318612; - --bc: 75.6879% 0.123666 76.890484; - --in: 79.0612% 0.121778 237.133883; - --su: 78.1197% 0.192894 132.154381; - --wa: 86.1274% 0.136524 102.89115; - --er: 71.7531% 0.176357 22.568916; -} - -[data-theme=dracula] { - color-scheme: dark; - --b2: 26.8053% 0.020556 277.508664; - --b3: 24.7877% 0.019009 277.508664; - --pc: 15.0922% 0.036614 346.812432; - --sc: 14.8405% 0.029709 301.883095; - --ac: 16.6785% 0.024826 66.558491; - --nc: 87.8891% 0.006515 275.524078; - --inc: 17.6526% 0.018676 212.846491; - --suc: 17.4199% 0.043903 148.024881; - --wac: 19.1068% 0.026849 112.757109; - --erc: 13.6441% 0.041266 24.430965; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.4611% 0.18307 346.812432; - --s: 74.2023% 0.148546 301.883095; - --a: 83.3927% 0.124132 66.558491; - --n: 39.4456% 0.032576 275.524078; - --b1: 28.8229% 0.022103 277.508664; - --bc: 97.7477% 0.007913 106.545019; - --in: 88.263% 0.09338 212.846491; - --su: 87.0995% 0.219516 148.024881; - --wa: 95.5338% 0.134246 112.757109; - --er: 68.2204% 0.206328 24.430965; -} - -:root:has(input.theme-controller[value=dracula]:checked) { - color-scheme: dark; - --b2: 26.8053% 0.020556 277.508664; - --b3: 24.7877% 0.019009 277.508664; - --pc: 15.0922% 0.036614 346.812432; - --sc: 14.8405% 0.029709 301.883095; - --ac: 16.6785% 0.024826 66.558491; - --nc: 87.8891% 0.006515 275.524078; - --inc: 17.6526% 0.018676 212.846491; - --suc: 17.4199% 0.043903 148.024881; - --wac: 19.1068% 0.026849 112.757109; - --erc: 13.6441% 0.041266 24.430965; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.4611% 0.18307 346.812432; - --s: 74.2023% 0.148546 301.883095; - --a: 83.3927% 0.124132 66.558491; - --n: 39.4456% 0.032576 275.524078; - --b1: 28.8229% 0.022103 277.508664; - --bc: 97.7477% 0.007913 106.545019; - --in: 88.263% 0.09338 212.846491; - --su: 87.0995% 0.219516 148.024881; - --wa: 95.5338% 0.134246 112.757109; - --er: 68.2204% 0.206328 24.430965; -} - -[data-theme=cmyk] { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --bc: 20% 0 0; - --pc: 14.3544% 0.02666 239.443325; - --sc: 12.8953% 0.040552 359.339283; - --ac: 18.8458% 0.037948 105.306968; - --nc: 84.3557% 0 0; - --inc: 13.6952% 0.0189 217.284104; - --suc: 89.3898% 0.032505 321.406278; - --wac: 14.2473% 0.031969 52.023412; - --erc: 12.4027% 0.041677 28.717543; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.7722% 0.133298 239.443325; - --s: 64.4766% 0.202758 359.339283; - --a: 94.2289% 0.189741 105.306968; - --n: 21.7787% 0 0; - --b1: 100% 0 0; - --in: 68.4759% 0.094499 217.284104; - --su: 46.949% 0.162524 321.406278; - --wa: 71.2364% 0.159843 52.023412; - --er: 62.0133% 0.208385 28.717543; -} - -:root:has(input.theme-controller[value=cmyk]:checked) { - color-scheme: light; - --b2: 93% 0 0; - --b3: 86% 0 0; - --bc: 20% 0 0; - --pc: 14.3544% 0.02666 239.443325; - --sc: 12.8953% 0.040552 359.339283; - --ac: 18.8458% 0.037948 105.306968; - --nc: 84.3557% 0 0; - --inc: 13.6952% 0.0189 217.284104; - --suc: 89.3898% 0.032505 321.406278; - --wac: 14.2473% 0.031969 52.023412; - --erc: 12.4027% 0.041677 28.717543; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.7722% 0.133298 239.443325; - --s: 64.4766% 0.202758 359.339283; - --a: 94.2289% 0.189741 105.306968; - --n: 21.7787% 0 0; - --b1: 100% 0 0; - --in: 68.4759% 0.094499 217.284104; - --su: 46.949% 0.162524 321.406278; - --wa: 71.2364% 0.159843 52.023412; - --er: 62.0133% 0.208385 28.717543; -} - -[data-theme=autumn] { - color-scheme: light; - --b2: 89.1077% 0 0; - --b3: 82.4006% 0 0; - --bc: 19.1629% 0 0; - --pc: 88.1446% 0.032232 17.530175; - --sc: 12.3353% 0.033821 23.865865; - --ac: 14.6851% 0.018999 60.729616; - --nc: 90.8734% 0.007475 51.902819; - --inc: 13.8449% 0.019596 207.284192; - --suc: 12.199% 0.016032 174.616213; - --wac: 14.0163% 0.032982 56.844303; - --erc: 90.614% 0.0482 24.16; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 40.7232% 0.16116 17.530175; - --s: 61.6763% 0.169105 23.865865; - --a: 73.4253% 0.094994 60.729616; - --n: 54.3672% 0.037374 51.902819; - --b1: 95.8147% 0 0; - --in: 69.2245% 0.097979 207.284192; - --su: 60.9951% 0.080159 174.616213; - --wa: 70.0817% 0.164909 56.844303; - --er: 53.07% 0.241 24.16; -} - -:root:has(input.theme-controller[value=autumn]:checked) { - color-scheme: light; - --b2: 89.1077% 0 0; - --b3: 82.4006% 0 0; - --bc: 19.1629% 0 0; - --pc: 88.1446% 0.032232 17.530175; - --sc: 12.3353% 0.033821 23.865865; - --ac: 14.6851% 0.018999 60.729616; - --nc: 90.8734% 0.007475 51.902819; - --inc: 13.8449% 0.019596 207.284192; - --suc: 12.199% 0.016032 174.616213; - --wac: 14.0163% 0.032982 56.844303; - --erc: 90.614% 0.0482 24.16; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 40.7232% 0.16116 17.530175; - --s: 61.6763% 0.169105 23.865865; - --a: 73.4253% 0.094994 60.729616; - --n: 54.3672% 0.037374 51.902819; - --b1: 95.8147% 0 0; - --in: 69.2245% 0.097979 207.284192; - --su: 60.9951% 0.080159 174.616213; - --wa: 70.0817% 0.164909 56.844303; - --er: 53.07% 0.241 24.16; -} - -[data-theme=business] { - color-scheme: dark; - --b2: 22.6487% 0 0; - --b3: 20.944% 0 0; - --bc: 84.8707% 0 0; - --pc: 88.3407% 0.019811 251.473931; - --sc: 12.8185% 0.005481 229.389418; - --ac: 13.4542% 0.033545 35.791525; - --nc: 85.4882% 0.00265 253.041249; - --inc: 12.5233% 0.028702 240.033697; - --suc: 14.0454% 0.018919 156.59611; - --wac: 15.4965% 0.023141 81.519177; - --erc: 90.3221% 0.029356 29.674507; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 41.7036% 0.099057 251.473931; - --s: 64.0924% 0.027405 229.389418; - --a: 67.271% 0.167726 35.791525; - --n: 27.441% 0.01325 253.041249; - --b1: 24.3535% 0 0; - --in: 62.6163% 0.143511 240.033697; - --su: 70.2268% 0.094594 156.59611; - --wa: 77.4824% 0.115704 81.519177; - --er: 51.6105% 0.14678 29.674507; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; -} - -:root:has(input.theme-controller[value=business]:checked) { - color-scheme: dark; - --b2: 22.6487% 0 0; - --b3: 20.944% 0 0; - --bc: 84.8707% 0 0; - --pc: 88.3407% 0.019811 251.473931; - --sc: 12.8185% 0.005481 229.389418; - --ac: 13.4542% 0.033545 35.791525; - --nc: 85.4882% 0.00265 253.041249; - --inc: 12.5233% 0.028702 240.033697; - --suc: 14.0454% 0.018919 156.59611; - --wac: 15.4965% 0.023141 81.519177; - --erc: 90.3221% 0.029356 29.674507; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 41.7036% 0.099057 251.473931; - --s: 64.0924% 0.027405 229.389418; - --a: 67.271% 0.167726 35.791525; - --n: 27.441% 0.01325 253.041249; - --b1: 24.3535% 0 0; - --in: 62.6163% 0.143511 240.033697; - --su: 70.2268% 0.094594 156.59611; - --wa: 77.4824% 0.115704 81.519177; - --er: 51.6105% 0.14678 29.674507; - --rounded-box: 0.25rem; - --rounded-btn: .125rem; - --rounded-badge: .125rem; -} - -[data-theme=acid] { - color-scheme: light; - --b2: 91.6146% 0 0; - --b3: 84.7189% 0 0; - --bc: 19.7021% 0 0; - --pc: 14.38% 0.0714 330.759573; - --sc: 14.674% 0.0448 48.250878; - --ac: 18.556% 0.0528 122.962951; - --nc: 84.262% 0.0256 278.68; - --inc: 12.144% 0.0454 252.05; - --suc: 17.144% 0.0532 158.53; - --wac: 18.202% 0.0424 100.5; - --erc: 12.968% 0.0586 29.349188; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 71.9% 0.357 330.759573; - --s: 73.37% 0.224 48.250878; - --a: 92.78% 0.264 122.962951; - --n: 21.31% 0.128 278.68; - --b1: 98.5104% 0 0; - --in: 60.72% 0.227 252.05; - --su: 85.72% 0.266 158.53; - --wa: 91.01% 0.212 100.5; - --er: 64.84% 0.293 29.349188; - --rounded-box: 1.25rem; - --rounded-btn: 1rem; - --rounded-badge: 1rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=acid]:checked) { - color-scheme: light; - --b2: 91.6146% 0 0; - --b3: 84.7189% 0 0; - --bc: 19.7021% 0 0; - --pc: 14.38% 0.0714 330.759573; - --sc: 14.674% 0.0448 48.250878; - --ac: 18.556% 0.0528 122.962951; - --nc: 84.262% 0.0256 278.68; - --inc: 12.144% 0.0454 252.05; - --suc: 17.144% 0.0532 158.53; - --wac: 18.202% 0.0424 100.5; - --erc: 12.968% 0.0586 29.349188; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 71.9% 0.357 330.759573; - --s: 73.37% 0.224 48.250878; - --a: 92.78% 0.264 122.962951; - --n: 21.31% 0.128 278.68; - --b1: 98.5104% 0 0; - --in: 60.72% 0.227 252.05; - --su: 85.72% 0.266 158.53; - --wa: 91.01% 0.212 100.5; - --er: 64.84% 0.293 29.349188; - --rounded-box: 1.25rem; - --rounded-btn: 1rem; - --rounded-badge: 1rem; - --tab-radius: 0.7rem; -} - -[data-theme=lemonade] { - color-scheme: light; - --b2: 91.8003% 0.0186 123.72; - --b3: 84.8906% 0.0172 123.72; - --bc: 19.742% 0.004 123.72; - --pc: 11.784% 0.0398 134.6; - --sc: 15.55% 0.0392 111.09; - --ac: 17.078% 0.0402 100.73; - --nc: 86.196% 0.015 108.6; - --inc: 17.238% 0.0094 224.14; - --suc: 17.238% 0.0094 157.85; - --wac: 17.238% 0.0094 102.15; - --erc: 17.238% 0.0094 25.85; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 58.92% 0.199 134.6; - --s: 77.75% 0.196 111.09; - --a: 85.39% 0.201 100.73; - --n: 30.98% 0.075 108.6; - --b1: 98.71% 0.02 123.72; - --in: 86.19% 0.047 224.14; - --su: 86.19% 0.047 157.85; - --wa: 86.19% 0.047 102.15; - --er: 86.19% 0.047 25.85; -} - -:root:has(input.theme-controller[value=lemonade]:checked) { - color-scheme: light; - --b2: 91.8003% 0.0186 123.72; - --b3: 84.8906% 0.0172 123.72; - --bc: 19.742% 0.004 123.72; - --pc: 11.784% 0.0398 134.6; - --sc: 15.55% 0.0392 111.09; - --ac: 17.078% 0.0402 100.73; - --nc: 86.196% 0.015 108.6; - --inc: 17.238% 0.0094 224.14; - --suc: 17.238% 0.0094 157.85; - --wac: 17.238% 0.0094 102.15; - --erc: 17.238% 0.0094 25.85; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 58.92% 0.199 134.6; - --s: 77.75% 0.196 111.09; - --a: 85.39% 0.201 100.73; - --n: 30.98% 0.075 108.6; - --b1: 98.71% 0.02 123.72; - --in: 86.19% 0.047 224.14; - --su: 86.19% 0.047 157.85; - --wa: 86.19% 0.047 102.15; - --er: 86.19% 0.047 25.85; -} - -[data-theme=night] { - color-scheme: dark; - --b2: 19.3144% 0.037037 265.754874; - --b3: 17.8606% 0.034249 265.754874; - --bc: 84.1536% 0.007965 265.754874; - --pc: 15.0703% 0.027798 232.66148; - --sc: 13.6023% 0.031661 276.934902; - --ac: 14.4721% 0.035244 350.048739; - --nc: 85.5899% 0.00737 260.030984; - --suc: 15.6904% 0.026506 181.911977; - --wac: 16.6486% 0.027912 82.95003; - --erc: 14.3572% 0.034051 13.11834; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.3513% 0.138989 232.66148; - --s: 68.0113% 0.158303 276.934902; - --a: 72.3603% 0.176218 350.048739; - --n: 27.9495% 0.036848 260.030984; - --b1: 20.7682% 0.039824 265.754874; - --in: 68.4553% 0.148062 237.25135; - --inc: 0% 0 0; - --su: 78.452% 0.132529 181.911977; - --wa: 83.2428% 0.139558 82.95003; - --er: 71.7858% 0.170255 13.11834; -} - -:root:has(input.theme-controller[value=night]:checked) { - color-scheme: dark; - --b2: 19.3144% 0.037037 265.754874; - --b3: 17.8606% 0.034249 265.754874; - --bc: 84.1536% 0.007965 265.754874; - --pc: 15.0703% 0.027798 232.66148; - --sc: 13.6023% 0.031661 276.934902; - --ac: 14.4721% 0.035244 350.048739; - --nc: 85.5899% 0.00737 260.030984; - --suc: 15.6904% 0.026506 181.911977; - --wac: 16.6486% 0.027912 82.95003; - --erc: 14.3572% 0.034051 13.11834; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 75.3513% 0.138989 232.66148; - --s: 68.0113% 0.158303 276.934902; - --a: 72.3603% 0.176218 350.048739; - --n: 27.9495% 0.036848 260.030984; - --b1: 20.7682% 0.039824 265.754874; - --in: 68.4553% 0.148062 237.25135; - --inc: 0% 0 0; - --su: 78.452% 0.132529 181.911977; - --wa: 83.2428% 0.139558 82.95003; - --er: 71.7858% 0.170255 13.11834; -} - -[data-theme=coffee] { - color-scheme: dark; - --b2: 20.1585% 0.021457 329.708637; - --b3: 18.6412% 0.019842 329.708637; - --pc: 14.3993% 0.024765 62.756393; - --sc: 86.893% 0.00597 199.19444; - --ac: 88.5243% 0.014881 224.389184; - --nc: 83.3022% 0.003149 326.261446; - --inc: 15.898% 0.012774 184.558367; - --suc: 14.9445% 0.014491 131.116276; - --wac: 17.6301% 0.028162 87.722413; - --erc: 15.4637% 0.025644 31.871922; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.9967% 0.123825 62.756393; - --s: 34.465% 0.029849 199.19444; - --a: 42.6213% 0.074405 224.389184; - --n: 16.5109% 0.015743 326.261446; - --b1: 21.6758% 0.023072 329.708637; - --bc: 72.3547% 0.092794 79.129387; - --in: 79.4902% 0.063869 184.558367; - --su: 74.7224% 0.072456 131.116276; - --wa: 88.1503% 0.140812 87.722413; - --er: 77.3187% 0.12822 31.871922; -} - -:root:has(input.theme-controller[value=coffee]:checked) { - color-scheme: dark; - --b2: 20.1585% 0.021457 329.708637; - --b3: 18.6412% 0.019842 329.708637; - --pc: 14.3993% 0.024765 62.756393; - --sc: 86.893% 0.00597 199.19444; - --ac: 88.5243% 0.014881 224.389184; - --nc: 83.3022% 0.003149 326.261446; - --inc: 15.898% 0.012774 184.558367; - --suc: 14.9445% 0.014491 131.116276; - --wac: 17.6301% 0.028162 87.722413; - --erc: 15.4637% 0.025644 31.871922; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 71.9967% 0.123825 62.756393; - --s: 34.465% 0.029849 199.19444; - --a: 42.6213% 0.074405 224.389184; - --n: 16.5109% 0.015743 326.261446; - --b1: 21.6758% 0.023072 329.708637; - --bc: 72.3547% 0.092794 79.129387; - --in: 79.4902% 0.063869 184.558367; - --su: 74.7224% 0.072456 131.116276; - --wa: 88.1503% 0.140812 87.722413; - --er: 77.3187% 0.12822 31.871922; -} - -[data-theme=winter] { - color-scheme: light; - --pc: 91.372% 0.051 257.57; - --sc: 88.5103% 0.03222 282.339433; - --ac: 11.988% 0.038303 335.171434; - --nc: 83.9233% 0.012704 257.651965; - --inc: 17.6255% 0.017178 214.515264; - --suc: 16.0988% 0.015404 197.823719; - --wac: 17.8345% 0.009167 71.47031; - --erc: 14.6185% 0.022037 20.076293; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 56.86% 0.255 257.57; - --s: 42.5516% 0.161098 282.339433; - --a: 59.9398% 0.191515 335.171434; - --n: 19.6166% 0.063518 257.651965; - --b1: 100% 0 0; - --b2: 97.4663% 0.011947 259.822565; - --b3: 93.2686% 0.016223 262.751375; - --bc: 41.8869% 0.053885 255.824911; - --in: 88.1275% 0.085888 214.515264; - --su: 80.4941% 0.077019 197.823719; - --wa: 89.1725% 0.045833 71.47031; - --er: 73.0926% 0.110185 20.076293; -} - -:root:has(input.theme-controller[value=winter]:checked) { - color-scheme: light; - --pc: 91.372% 0.051 257.57; - --sc: 88.5103% 0.03222 282.339433; - --ac: 11.988% 0.038303 335.171434; - --nc: 83.9233% 0.012704 257.651965; - --inc: 17.6255% 0.017178 214.515264; - --suc: 16.0988% 0.015404 197.823719; - --wac: 17.8345% 0.009167 71.47031; - --erc: 14.6185% 0.022037 20.076293; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 56.86% 0.255 257.57; - --s: 42.5516% 0.161098 282.339433; - --a: 59.9398% 0.191515 335.171434; - --n: 19.6166% 0.063518 257.651965; - --b1: 100% 0 0; - --b2: 97.4663% 0.011947 259.822565; - --b3: 93.2686% 0.016223 262.751375; - --bc: 41.8869% 0.053885 255.824911; - --in: 88.1275% 0.085888 214.515264; - --su: 80.4941% 0.077019 197.823719; - --wa: 89.1725% 0.045833 71.47031; - --er: 73.0926% 0.110185 20.076293; -} - -[data-theme=dim] { - color-scheme: dark; - --pc: 17.2267% 0.028331 139.549991; - --sc: 14.6752% 0.033181 35.353059; - --ac: 14.8459% 0.026728 311.37924; - --inc: 17.2157% 0.028409 206.182959; - --suc: 17.2343% 0.028437 166.534048; - --wac: 17.2327% 0.028447 94.818679; - --erc: 16.4838% 0.019914 33.756357; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 86.1335% 0.141656 139.549991; - --s: 73.3759% 0.165904 35.353059; - --a: 74.2296% 0.133641 311.37924; - --n: 24.7311% 0.020483 264.094728; - --nc: 82.9011% 0.031335 222.959324; - --b1: 30.8577% 0.023243 264.149498; - --b2: 28.0368% 0.01983 264.182074; - --b3: 26.3469% 0.018403 262.177739; - --bc: 82.9011% 0.031335 222.959324; - --in: 86.0785% 0.142046 206.182959; - --su: 86.1717% 0.142187 166.534048; - --wa: 86.1634% 0.142236 94.818679; - --er: 82.4189% 0.09957 33.756357; -} - -:root:has(input.theme-controller[value=dim]:checked) { - color-scheme: dark; - --pc: 17.2267% 0.028331 139.549991; - --sc: 14.6752% 0.033181 35.353059; - --ac: 14.8459% 0.026728 311.37924; - --inc: 17.2157% 0.028409 206.182959; - --suc: 17.2343% 0.028437 166.534048; - --wac: 17.2327% 0.028447 94.818679; - --erc: 16.4838% 0.019914 33.756357; - --rounded-box: 1rem; - --rounded-btn: 0.5rem; - --rounded-badge: 1.9rem; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --tab-radius: 0.5rem; - --p: 86.1335% 0.141656 139.549991; - --s: 73.3759% 0.165904 35.353059; - --a: 74.2296% 0.133641 311.37924; - --n: 24.7311% 0.020483 264.094728; - --nc: 82.9011% 0.031335 222.959324; - --b1: 30.8577% 0.023243 264.149498; - --b2: 28.0368% 0.01983 264.182074; - --b3: 26.3469% 0.018403 262.177739; - --bc: 82.9011% 0.031335 222.959324; - --in: 86.0785% 0.142046 206.182959; - --su: 86.1717% 0.142187 166.534048; - --wa: 86.1634% 0.142236 94.818679; - --er: 82.4189% 0.09957 33.756357; -} - -[data-theme=nord] { - color-scheme: light; - --pc: 11.8872% 0.015449 254.027774; - --sc: 13.9303% 0.011822 248.687186; - --ac: 15.4929% 0.01245 217.469017; - --inc: 13.8414% 0.012499 332.664922; - --suc: 15.3654% 0.01498 131.063061; - --wac: 17.0972% 0.017847 84.093335; - --erc: 12.122% 0.024119 15.341883; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 59.4359% 0.077246 254.027774; - --s: 69.6516% 0.059108 248.687186; - --a: 77.4643% 0.062249 217.469017; - --n: 45.229% 0.035214 264.1312; - --nc: 89.9258% 0.016374 262.749256; - --b1: 95.1276% 0.007445 260.731539; - --b2: 93.2996% 0.010389 261.788485; - --b3: 89.9258% 0.016374 262.749256; - --bc: 32.4374% 0.022945 264.182036; - --in: 69.2072% 0.062496 332.664922; - --su: 76.827% 0.074899 131.063061; - --wa: 85.4862% 0.089234 84.093335; - --er: 60.61% 0.120594 15.341883; - --rounded-box: 0.4rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.2rem; -} - -:root:has(input.theme-controller[value=nord]:checked) { - color-scheme: light; - --pc: 11.8872% 0.015449 254.027774; - --sc: 13.9303% 0.011822 248.687186; - --ac: 15.4929% 0.01245 217.469017; - --inc: 13.8414% 0.012499 332.664922; - --suc: 15.3654% 0.01498 131.063061; - --wac: 17.0972% 0.017847 84.093335; - --erc: 12.122% 0.024119 15.341883; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 59.4359% 0.077246 254.027774; - --s: 69.6516% 0.059108 248.687186; - --a: 77.4643% 0.062249 217.469017; - --n: 45.229% 0.035214 264.1312; - --nc: 89.9258% 0.016374 262.749256; - --b1: 95.1276% 0.007445 260.731539; - --b2: 93.2996% 0.010389 261.788485; - --b3: 89.9258% 0.016374 262.749256; - --bc: 32.4374% 0.022945 264.182036; - --in: 69.2072% 0.062496 332.664922; - --su: 76.827% 0.074899 131.063061; - --wa: 85.4862% 0.089234 84.093335; - --er: 60.61% 0.120594 15.341883; - --rounded-box: 0.4rem; - --rounded-btn: 0.2rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.2rem; -} - -[data-theme=sunset] { - color-scheme: dark; - --pc: 14.9408% 0.031656 39.94703; - --sc: 14.5075% 0.035531 2.72034; - --ac: 14.2589% 0.033336 299.844533; - --inc: 17.1119% 0.017054 206.015183; - --suc: 17.1122% 0.017172 144.77874; - --wac: 17.1139% 0.016961 74.427797; - --erc: 17.1023% 0.015778 16.886379; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 74.7039% 0.158278 39.94703; - --s: 72.5375% 0.177654 2.72034; - --a: 71.2947% 0.166678 299.844533; - --n: 26% 0.019 237.69; - --nc: 70% 0.019 237.69; - --b1: 22% 0.019 237.69; - --b2: 20% 0.019 237.69; - --b3: 18% 0.019 237.69; - --bc: 77.3835% 0.043586 245.096534; - --in: 85.5596% 0.085271 206.015183; - --su: 85.5609% 0.08586 144.77874; - --wa: 85.5695% 0.084806 74.427797; - --er: 85.5116% 0.07889 16.886379; - --rounded-box: 1.2rem; - --rounded-btn: 0.8rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.7rem; -} - -:root:has(input.theme-controller[value=sunset]:checked) { - color-scheme: dark; - --pc: 14.9408% 0.031656 39.94703; - --sc: 14.5075% 0.035531 2.72034; - --ac: 14.2589% 0.033336 299.844533; - --inc: 17.1119% 0.017054 206.015183; - --suc: 17.1122% 0.017172 144.77874; - --wac: 17.1139% 0.016961 74.427797; - --erc: 17.1023% 0.015778 16.886379; - --animation-btn: 0.25s; - --animation-input: .2s; - --btn-focus-scale: 0.95; - --border-btn: 1px; - --tab-border: 1px; - --p: 74.7039% 0.158278 39.94703; - --s: 72.5375% 0.177654 2.72034; - --a: 71.2947% 0.166678 299.844533; - --n: 26% 0.019 237.69; - --nc: 70% 0.019 237.69; - --b1: 22% 0.019 237.69; - --b2: 20% 0.019 237.69; - --b3: 18% 0.019 237.69; - --bc: 77.3835% 0.043586 245.096534; - --in: 85.5596% 0.085271 206.015183; - --su: 85.5609% 0.08586 144.77874; - --wa: 85.5695% 0.084806 74.427797; - --er: 85.5116% 0.07889 16.886379; - --rounded-box: 1.2rem; - --rounded-btn: 0.8rem; - --rounded-badge: 0.4rem; - --tab-radius: 0.7rem; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -@media (hover:hover) { - .label a:hover { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - } - - .menu li > *:not(ul, .menu-title, details, .btn):active, -.menu li > *:not(ul, .menu-title, details, .btn).active, -.menu li > details > summary:active { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); - } - - .tab:hover { - --tw-text-opacity: 1; - } - - .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - } - - .table tr.hover:hover, - .table tr.hover:nth-child(even):hover { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - } -} - -.btn { - display: inline-flex; - height: 3rem; - min-height: 3rem; - flex-shrink: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - flex-wrap: wrap; - align-items: center; - justify-content: center; - border-radius: var(--rounded-btn, 0.5rem); - border-color: transparent; - border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)); - padding-left: 1rem; - padding-right: 1rem; - text-align: center; - font-size: 0.875rem; - line-height: 1em; - gap: 0.5rem; - font-weight: 600; - text-decoration-line: none; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - border-width: var(--border-btn, 1px); - transition-property: color, background-color, border-color, opacity, box-shadow, transform; - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); - background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)); - --tw-bg-opacity: 1; - --tw-border-opacity: 1; -} - -.btn-disabled, - .btn[disabled], - .btn:disabled { - pointer-events: none; -} - -:where(.btn:is(input[type="checkbox"])), -:where(.btn:is(input[type="radio"])) { - width: auto; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.btn:is(input[type="checkbox"]):after, -.btn:is(input[type="radio"]):after { - --tw-content: attr(aria-label); - content: var(--tw-content); -} - -.card { - position: relative; - display: flex; - flex-direction: column; - border-radius: var(--rounded-box, 1rem); -} - -.card:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.card figure { - display: flex; - align-items: center; - justify-content: center; -} - -.card.image-full { - display: grid; -} - -.card.image-full:before { - position: relative; - content: ""; - z-index: 10; - border-radius: var(--rounded-box, 1rem); - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - opacity: 0.75; -} - -.card.image-full:before, - .card.image-full > * { - grid-column-start: 1; - grid-row-start: 1; -} - -.card.image-full > figure img { - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} - -.card.image-full > .card-body { - position: relative; - z-index: 20; - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.checkbox { - flex-shrink: 0; - --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); - --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); - height: 1.5rem; - width: 1.5rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--rounded-btn, 0.5rem); - border-width: 1px; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; -} - -.collapse:not(td):not(tr):not(colgroup) { - visibility: visible; -} - -.collapse { - position: relative; - display: grid; - overflow: hidden; - grid-template-rows: auto 0fr; - transition: grid-template-rows 0.2s; - width: 100%; - border-radius: var(--rounded-box, 1rem); -} - -.collapse-title, -.collapse > input[type="checkbox"], -.collapse > input[type="radio"], -.collapse-content { - grid-column-start: 1; - grid-row-start: 1; -} - -.collapse > input[type="checkbox"], -.collapse > input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - opacity: 0; -} - -.collapse-content { - visibility: hidden; - grid-column-start: 1; - grid-row-start: 2; - min-height: 0px; - transition: visibility 0.2s; - transition: padding 0.2s ease-out, - background-color 0.2s ease-out; - padding-left: 1rem; - padding-right: 1rem; - cursor: unset; -} - -.collapse[open], -.collapse-open, -.collapse:focus:not(.collapse-close) { - grid-template-rows: auto 1fr; -} - -.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), -.collapse:not(.collapse-close):has(> input[type="radio"]:checked) { - grid-template-rows: auto 1fr; -} - -.collapse[open] > .collapse-content, -.collapse-open > .collapse-content, -.collapse:focus:not(.collapse-close) > .collapse-content, -.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, -.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content { - visibility: visible; - min-height: -moz-fit-content; - min-height: fit-content; -} - -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown > *:not(summary):focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.dropdown .dropdown-content { - position: absolute; -} - -.dropdown:is(:not(details)) .dropdown-content { - visibility: hidden; - opacity: 0; - transform-origin: top; - --tw-scale-x: .95; - --tw-scale-y: .95; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 200ms; -} - -.dropdown-end .dropdown-content { - inset-inline-end: 0px; -} - -.dropdown-left .dropdown-content { - bottom: auto; - inset-inline-end: 100%; - top: 0px; - transform-origin: right; -} - -.dropdown-right .dropdown-content { - bottom: auto; - inset-inline-start: 100%; - top: 0px; - transform-origin: left; -} - -.dropdown-bottom .dropdown-content { - bottom: auto; - top: 100%; - transform-origin: top; -} - -.dropdown-top .dropdown-content { - bottom: 100%; - top: auto; - transform-origin: bottom; -} - -.dropdown-end.dropdown-right .dropdown-content { - bottom: 0px; - top: auto; -} - -.dropdown-end.dropdown-left .dropdown-content { - bottom: 0px; - top: auto; -} - -.dropdown.dropdown-open .dropdown-content, -.dropdown:not(.dropdown-hover):focus .dropdown-content, -.dropdown:focus-within .dropdown-content { - visibility: visible; - opacity: 1; -} - -@media (hover: hover) { - .dropdown.dropdown-hover:hover .dropdown-content { - visibility: visible; - opacity: 1; - } - - .btm-nav > *.disabled:hover, - .btm-nav > *[disabled]:hover { - pointer-events: none; - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } - - .btn:hover { - --tw-border-opacity: 1; - border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn:hover { - background-color: color-mix( - in oklab, - oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, - black - ); - border-color: color-mix( - in oklab, - oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, - black - ); - } - } - - @supports not (color: oklch(0% 0 0)) { - .btn:hover { - background-color: var(--btn-color, var(--fallback-b2)); - border-color: var(--btn-color, var(--fallback-b2)); - } - } - - .btn.glass:hover { - --glass-opacity: 25%; - --glass-border-opacity: 15%; - } - - .btn-ghost:hover { - border-color: transparent; - } - - @supports (color: oklch(0% 0 0)) { - .btn-ghost:hover { - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); - } - } - - .btn-outline.btn-primary:hover { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-primary:hover { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - } - - .btn-outline.btn-secondary:hover { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-secondary:hover { - background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - } - } - - .btn-outline.btn-accent:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-accent:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .btn-outline.btn-info:hover { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-info:hover { - background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - } - } - - .btn-outline.btn-warning:hover { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-warning:hover { - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - } - } - - .btn-outline.btn-error:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-error:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .btn-disabled:hover, - .btn[disabled]:hover, - .btn:disabled:hover { - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.2; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } - - @supports (color: color-mix(in oklab, black, black)) { - .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - } - - .dropdown.dropdown-hover:hover .dropdown-content { - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } - - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { - cursor: pointer; - outline: 2px solid transparent; - outline-offset: 2px; - } - - @supports (color: oklch(0% 0 0)) { - :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover { - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); - } - } - - .tab[disabled], - .tab[disabled]:hover { - cursor: not-allowed; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; - } -} - -.dropdown:is(details) summary::-webkit-details-marker { - display: none; -} - -.label { - display: flex; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - align-items: center; - justify-content: space-between; - padding-left: 0.25rem; - padding-right: 0.25rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.input { - flex-shrink: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 3rem; - padding-left: 1rem; - padding-right: 1rem; - font-size: 1rem; - line-height: 2; - line-height: 1.5rem; - border-radius: var(--rounded-btn, 0.5rem); - border-width: 1px; - border-color: transparent; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.input[type="number"]::-webkit-inner-spin-button, -.input-md[type="number"]::-webkit-inner-spin-button { - margin-top: -1rem; - margin-bottom: -1rem; - margin-inline-end: -1rem; -} - -.input-sm[type="number"]::-webkit-inner-spin-button { - margin-top: 0px; - margin-bottom: 0px; - margin-inline-end: -0px; -} - -.join .dropdown .join-item:first-child:not(:last-child), - .join *:first-child:not(:last-child) .dropdown .join-item { - border-start-end-radius: inherit; - border-end-end-radius: inherit; -} - -.link { - cursor: pointer; - text-decoration-line: underline; -} - -.menu { - display: flex; - flex-direction: column; - flex-wrap: wrap; - font-size: 0.875rem; - line-height: 1.25rem; - padding: 0.5rem; -} - -.menu :where(li ul) { - position: relative; - white-space: nowrap; - margin-inline-start: 1rem; - padding-inline-start: 0.5rem; -} - -.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { - display: grid; - grid-auto-flow: column; - align-content: flex-start; - align-items: center; - gap: 0.5rem; - grid-auto-columns: minmax(auto, max-content) auto max-content; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.menu li.disabled { - cursor: not-allowed; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - color: var(--fallback-bc,oklch(var(--bc)/0.3)); -} - -.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { - display: none; -} - -:where(.menu li) { - position: relative; - display: flex; - flex-shrink: 0; - flex-direction: column; - flex-wrap: wrap; - align-items: stretch; -} - -:where(.menu li) .badge { - justify-self: end; -} - -.modal { - pointer-events: none; - position: fixed; - inset: 0px; - margin: 0px; - display: grid; - height: 100%; - max-height: none; - width: 100%; - max-width: none; - justify-items: center; - padding: 0px; - opacity: 0; - overscroll-behavior: contain; - z-index: 999; - background-color: transparent; - color: inherit; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-property: transform, opacity, visibility; - overflow-y: hidden; -} - -:where(.modal) { - align-items: center; -} - -.modal-open, -.modal:target, -.modal-toggle:checked + .modal, -.modal[open] { - pointer-events: auto; - visibility: visible; - opacity: 1; -} - -:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { - overflow: hidden; - scrollbar-gutter: stable; -} - -.radio { - flex-shrink: 0; - --chkbg: var(--bc); - height: 1.5rem; - width: 1.5rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: 9999px; - border-width: 1px; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; -} - -.tabs { - display: grid; - align-items: flex-end; -} - -.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) { - border-bottom-color: transparent; -} - -.tab { - position: relative; - grid-row-start: 1; - display: inline-flex; - height: 2rem; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - flex-wrap: wrap; - align-items: center; - justify-content: center; - text-align: center; - font-size: 0.875rem; - line-height: 1.25rem; - line-height: 2; - --tab-padding: 1rem; - --tw-text-opacity: 0.5; - --tab-color: var(--fallback-bc,oklch(var(--bc)/1)); - --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)); - --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)); - color: var(--tab-color); - padding-inline-start: var(--tab-padding, 1rem); - padding-inline-end: var(--tab-padding, 1rem); -} - -.tab:is(input[type="radio"]) { - width: auto; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -.tab:is(input[type="radio"]):after { - --tw-content: attr(aria-label); - content: var(--tw-content); -} - -.tab:not(input):empty { - cursor: default; - grid-column-start: span 9999; -} - -input.tab:checked + .tab-content, -:is(.tab-active, [aria-selected="true"]) + .tab-content { - display: block; -} - -.table { - position: relative; - width: 100%; - border-radius: var(--rounded-box, 1rem); - text-align: left; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.table :where(.table-pin-rows thead tr) { - position: sticky; - top: 0px; - z-index: 1; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.table :where(.table-pin-rows tfoot tr) { - position: sticky; - bottom: 0px; - z-index: 1; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.table :where(.table-pin-cols tr th) { - position: sticky; - left: 0px; - right: 0px; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.toggle { - flex-shrink: 0; - --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); - --handleoffset: 1.5rem; - --handleoffsetcalculator: calc(var(--handleoffset) * -1); - --togglehandleborder: 0 0; - height: 1.5rem; - width: 3rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--rounded-badge, 1.9rem); - border-width: 1px; - border-color: currentColor; - background-color: currentColor; - color: var(--fallback-bc,oklch(var(--bc)/0.5)); - transition: background, - box-shadow var(--animation-input, 0.2s) ease-out; - box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset, - var(--togglehandleborder); -} - -.btm-nav > *:where(.active) { - border-top-width: 2px; - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.btm-nav > *.disabled, - .btm-nav > *[disabled] { - pointer-events: none; - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.btm-nav > * .label { - font-size: 1rem; - line-height: 1.5rem; -} - -@media (prefers-reduced-motion: no-preference) { - .btn { - animation: button-pop var(--animation-btn, 0.25s) ease-out; - } -} - -.btn:active:hover, - .btn:active:focus { - animation: button-pop 0s ease-out; - transform: scale(var(--btn-focus-scale, 0.97)); -} - -@supports not (color: oklch(0% 0 0)) { - .btn { - background-color: var(--btn-color, var(--fallback-b2)); - border-color: var(--btn-color, var(--fallback-b2)); - } - - .btn-primary { - --btn-color: var(--fallback-p); - } - - .btn-secondary { - --btn-color: var(--fallback-s); - } - - .btn-accent { - --btn-color: var(--fallback-a); - } - - .btn-info { - --btn-color: var(--fallback-in); - } - - .btn-warning { - --btn-color: var(--fallback-wa); - } - - .btn-error { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .btn-outline.btn-primary.btn-active { - background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black); - } - - .btn-outline.btn-secondary.btn-active { - background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black); - } - - .btn-outline.btn-accent.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .btn-outline.btn-info.btn-active { - background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black); - } - - .btn-outline.btn-warning.btn-active { - background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black); - } - - .btn-outline.btn-error.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -.btn:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; -} - -.btn-primary { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -@supports (color: oklch(0% 0 0)) { - .btn-primary { - --btn-color: var(--p); - } - - .btn-secondary { - --btn-color: var(--s); - } - - .btn-accent { - --btn-color: var(--a); - } - - .btn-info { - --btn-color: var(--in); - } - - .btn-warning { - --btn-color: var(--wa); - } - - .btn-error { - --btn-color: var(--er); - } -} - -.btn-secondary { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); - outline-color: var(--fallback-s,oklch(var(--s)/1)); -} - -.btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.btn-info { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); - outline-color: var(--fallback-in,oklch(var(--in)/1)); -} - -.btn-warning { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); - outline-color: var(--fallback-wa,oklch(var(--wa)/1)); -} - -.btn-error { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.btn.glass { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: currentColor; -} - -.btn.glass.btn-active { - --glass-opacity: 25%; - --glass-border-opacity: 15%; -} - -.btn-ghost { - border-width: 1px; - border-color: transparent; - background-color: transparent; - color: currentColor; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline-color: currentColor; -} - -.btn-ghost.btn-active { - border-color: transparent; - background-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.btn-outline.btn-primary { - --tw-text-opacity: 1; - color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); -} - -.btn-outline.btn-primary.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-secondary { - --tw-text-opacity: 1; - color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); -} - -.btn-outline.btn-secondary.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.btn-outline.btn-accent.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.btn-outline.btn-info { - --tw-text-opacity: 1; - color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); -} - -.btn-outline.btn-info.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); -} - -.btn-outline.btn-warning { - --tw-text-opacity: 1; - color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); -} - -.btn-outline.btn-warning.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); -} - -.btn-outline.btn-error { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.btn-outline.btn-error.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -.btn.btn-disabled, - .btn[disabled], - .btn:disabled { - --tw-border-opacity: 0; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-bg-opacity: 0.2; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.btn:is(input[type="checkbox"]:checked), -.btn:is(input[type="radio"]:checked) { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible { - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -@keyframes button-pop { - 0% { - transform: scale(var(--btn-focus-scale, 0.98)); - } - - 40% { - transform: scale(1.02); - } - - 100% { - transform: scale(1); - } -} - -.card :where(figure:first-child) { - overflow: hidden; - border-start-start-radius: inherit; - border-start-end-radius: inherit; - border-end-start-radius: unset; - border-end-end-radius: unset; -} - -.card :where(figure:last-child) { - overflow: hidden; - border-start-start-radius: unset; - border-start-end-radius: unset; - border-end-start-radius: inherit; - border-end-end-radius: inherit; -} - -.card:focus-visible { - outline: 2px solid currentColor; - outline-offset: 2px; -} - -.card.bordered { - border-width: 1px; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -.card.compact .card-body { - padding: 1rem; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.card.image-full :where(figure) { - overflow: hidden; - border-radius: inherit; -} - -.checkbox:focus { - box-shadow: none; -} - -.checkbox:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.checkbox:disabled { - border-width: 0px; - cursor: not-allowed; - border-color: transparent; - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.2; -} - -.checkbox:checked, - .checkbox[aria-checked="true"] { - background-repeat: no-repeat; - animation: checkmark var(--animation-input, 0.2s) ease-out; - background-color: var(--chkbg); - background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), - linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), - linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), - linear-gradient( - 45deg, - var(--chkbg) 30%, - var(--chkfg) 30.99%, - var(--chkfg) 40%, - transparent 40.99% - ), - linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%); -} - -.checkbox:indeterminate { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - background-repeat: no-repeat; - animation: checkmark var(--animation-input, 0.2s) ease-out; - background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), - linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), - linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%); -} - -@keyframes checkmark { - 0% { - background-position-y: 5px; - } - - 50% { - background-position-y: -2px; - } - - 100% { - background-position-y: 0; - } -} - -details.collapse { - width: 100%; -} - -details.collapse summary { - position: relative; - display: block; - outline: 2px solid transparent; - outline-offset: 2px; -} - -details.collapse summary::-webkit-details-marker { - display: none; -} - -.collapse:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.collapse:has(.collapse-title:focus-visible), -.collapse:has(> input[type="checkbox"]:focus-visible), -.collapse:has(> input[type="radio"]:focus-visible) { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.collapse-arrow > .collapse-title:after { - position: absolute; - display: block; - height: 0.5rem; - width: 0.5rem; - --tw-translate-y: -100%; - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 150ms; - transition-duration: 0.2s; - top: 1.9rem; - inset-inline-end: 1.4rem; - content: ""; - transform-origin: 75% 75%; - box-shadow: 2px 2px; - pointer-events: none; -} - -.collapse-plus > .collapse-title:after { - position: absolute; - display: block; - height: 0.5rem; - width: 0.5rem; - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 300ms; - top: 0.9rem; - inset-inline-end: 1.4rem; - content: "+"; - pointer-events: none; -} - -.collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], -.collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), -.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title { - cursor: pointer; -} - -.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title { - cursor: unset; -} - -.collapse-title { - position: relative; -} - -:where(.collapse > input[type="checkbox"]), -:where(.collapse > input[type="radio"]) { - z-index: 1; -} - -.collapse-title, -:where(.collapse > input[type="checkbox"]), -:where(.collapse > input[type="radio"]) { - width: 100%; - padding: 1rem; - padding-inline-end: 3rem; - min-height: 3.75rem; - transition: background-color 0.2s ease-out; -} - -.collapse[open] > :where(.collapse-content), -.collapse-open > :where(.collapse-content), -.collapse:focus:not(.collapse-close) > :where(.collapse-content), -.collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), -.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) { - padding-bottom: 1rem; - transition: padding 0.2s ease-out, - background-color 0.2s ease-out; -} - -.collapse[open].collapse-arrow > .collapse-title:after, -.collapse-open.collapse-arrow > .collapse-title:after, -.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, -.collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, -.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { - --tw-translate-y: -50%; - --tw-rotate: 225deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.collapse[open].collapse-plus > .collapse-title:after, -.collapse-open.collapse-plus > .collapse-title:after, -.collapse-plus:focus:not(.collapse-close) > .collapse-title:after, -.collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, -.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after { - content: "−"; -} - -.dropdown.dropdown-open .dropdown-content, -.dropdown:focus .dropdown-content, -.dropdown:focus-within .dropdown-content { - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.input input { - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - background-color: transparent; -} - -.input input:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.input[list]::-webkit-calendar-picker-indicator { - line-height: 1em; -} - -.input-bordered { - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.input:focus, - .input:focus-within { - box-shadow: none; - border-color: var(--fallback-bc,oklch(var(--bc)/0.2)); - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.input-primary { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); -} - -.input-primary:focus, - .input-primary:focus-within { - --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); - outline-color: var(--fallback-p,oklch(var(--p)/1)); -} - -.input:has(> input[disabled]), - .input-disabled, - .input:disabled, - .input[disabled] { - cursor: not-allowed; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - color: var(--fallback-bc,oklch(var(--bc)/0.4)); -} - -.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); - --tw-placeholder-opacity: 0.2; -} - -.input:has(> input[disabled])::placeholder, - .input-disabled::placeholder, - .input:disabled::placeholder, - .input[disabled]::placeholder { - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); - --tw-placeholder-opacity: 0.2; -} - -.input:has(> input[disabled]) > input[disabled] { - cursor: not-allowed; -} - -.input::-webkit-date-and-time-value { - text-align: inherit; -} - -.link:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.link:focus-visible { - outline: 2px solid currentColor; - outline-offset: 2px; -} - -:where(.menu li:empty) { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.1; - margin: 0.5rem 1rem; - height: 1px; -} - -.menu :where(li ul):before { - position: absolute; - bottom: 0.75rem; - inset-inline-start: 0px; - top: 0.75rem; - width: 1px; - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - opacity: 0.1; - content: ""; -} - -.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), -.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { - border-radius: var(--rounded-btn, 0.5rem); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - text-align: start; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - transition-duration: 200ms; - text-wrap: balance; -} - -:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible { - cursor: pointer; - background-color: var(--fallback-bc,oklch(var(--bc)/0.1)); - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - outline: 2px solid transparent; - outline-offset: 2px; -} - -.menu li > *:not(ul, .menu-title, details, .btn):active, -.menu li > *:not(ul, .menu-title, details, .btn).active, -.menu li > details > summary:active { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.menu :where(li > details > summary)::-webkit-details-marker { - display: none; -} - -.menu :where(li > details > summary):after, -.menu :where(li > .menu-dropdown-toggle):after { - justify-self: end; - display: block; - margin-top: -0.5rem; - height: 0.5rem; - width: 0.5rem; - transform: rotate(45deg); - transition-property: transform, margin-top; - transition-duration: 0.3s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - content: ""; - transform-origin: 75% 75%; - box-shadow: 2px 2px; - pointer-events: none; -} - -.menu :where(li > details[open] > summary):after, -.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { - transform: rotate(225deg); - margin-top: 0; -} - -.mockup-browser .mockup-browser-toolbar .input { - position: relative; - margin-left: auto; - margin-right: auto; - display: block; - height: 1.75rem; - width: 24rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - padding-left: 2rem; - direction: ltr; -} - -.mockup-browser .mockup-browser-toolbar .input:before { - content: ""; - position: absolute; - left: 0.5rem; - top: 50%; - aspect-ratio: 1 / 1; - height: 0.75rem; - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - border-radius: 9999px; - border-width: 2px; - border-color: currentColor; - opacity: 0.6; -} - -.mockup-browser .mockup-browser-toolbar .input:after { - content: ""; - position: absolute; - left: 1.25rem; - top: 50%; - height: 0.5rem; - --tw-translate-y: 25%; - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - border-radius: 9999px; - border-width: 1px; - border-color: currentColor; - opacity: 0.6; -} - -.modal:not(dialog:not(.modal-open)), - .modal::backdrop { - background-color: #0006; - animation: modal-pop 0.2s ease-out; -} - -.modal-open .modal-box, -.modal-toggle:checked + .modal .modal-box, -.modal:target .modal-box, -.modal[open] .modal-box { - --tw-translate-y: 0px; - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -@keyframes modal-pop { - 0% { - opacity: 0; - } -} - -@keyframes progress-loading { - 50% { - background-position-x: -115%; - } -} - -.radio:focus { - box-shadow: none; -} - -.radio:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/1)); -} - -.radio:checked, - .radio[aria-checked="true"] { - --tw-bg-opacity: 1; - background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); - background-image: none; - animation: radiomark var(--animation-input, 0.2s) ease-out; - box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; -} - -.radio:disabled { - cursor: not-allowed; - opacity: 0.2; -} - -@keyframes radiomark { - 0% { - box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } - - 50% { - box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } - - 100% { - box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, - 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; - } -} - -@keyframes rating-pop { - 0% { - transform: translateY(-0.125em); - } - - 40% { - transform: translateY(-0.125em); - } - - 100% { - transform: translateY(0); - } -} - -@keyframes skeleton { - from { - background-position: 150%; - } - - to { - background-position: -50%; - } -} - -.tabs-lifted > .tab:focus-visible { - border-end-end-radius: 0; - border-end-start-radius: 0; -} - -.tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) { - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 1; - --tw-text-opacity: 1; -} - -.tab:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.tab:focus-visible { - outline: 2px solid currentColor; - outline-offset: -5px; -} - -.tab-disabled, - .tab[disabled] { - cursor: not-allowed; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - --tw-text-opacity: 0.2; -} - -.tabs-bordered > .tab { - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - --tw-border-opacity: 0.2; - border-style: solid; - border-bottom-width: calc(var(--tab-border, 1px) + 1px); -} - -.tabs-lifted > .tab { - border: var(--tab-border, 1px) solid transparent; - border-width: 0 0 var(--tab-border, 1px) 0; - border-start-start-radius: var(--tab-radius, 0.5rem); - border-start-end-radius: var(--tab-radius, 0.5rem); - border-bottom-color: var(--tab-border-color); - padding-inline-start: var(--tab-padding, 1rem); - padding-inline-end: var(--tab-padding, 1rem); - padding-top: var(--tab-border, 1px); -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { - background-color: var(--tab-bg); - border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); - border-inline-start-color: var(--tab-border-color); - border-inline-end-color: var(--tab-border-color); - border-top-color: var(--tab-border-color); - padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); - padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)); - padding-bottom: var(--tab-border, 1px); - padding-top: 0; -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before { - z-index: 1; - content: ""; - display: block; - position: absolute; - width: calc(100% + var(--tab-radius, 0.5rem) * 2); - height: var(--tab-radius, 0.5rem); - bottom: 0; - background-size: var(--tab-radius, 0.5rem); - background-position: top left, - top right; - background-repeat: no-repeat; - --tab-grad: calc(69% - var(--tab-border, 1px)); - --radius-start: radial-gradient( - circle at top left, - transparent var(--tab-grad), - var(--tab-border-color) calc(var(--tab-grad) + 0.25px), - var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), - var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) - ); - --radius-end: radial-gradient( - circle at top right, - transparent var(--tab-grad), - var(--tab-border-color) calc(var(--tab-grad) + 0.25px), - var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), - var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) - ); - background-image: var(--radius-start), var(--radius-end); -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before { - background-image: var(--radius-end); - background-position: top right; -} - -[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before { - background-image: var(--radius-start); - background-position: top left; -} - -.tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before { - background-image: var(--radius-start); - background-position: top left; -} - -[dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before { - background-image: var(--radius-end); - background-position: top right; -} - -.tabs-lifted - > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]) - + .tabs-lifted - :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before { - background-image: var(--radius-end); - background-position: top right; -} - -.tabs-boxed { - border-radius: var(--rounded-btn, 0.5rem); - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); - padding: 0.25rem; -} - -.tabs-boxed .tab { - border-radius: var(--rounded-btn, 0.5rem); -} - -.tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) { - --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); - --tw-text-opacity: 1; - color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); -} - -:is([dir="rtl"] .table) { - text-align: right; -} - -.table :where(th, td) { - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 0.75rem; - vertical-align: middle; -} - -.table tr.active, - .table tr.active:nth-child(even), - .table-zebra tbody tr:nth-child(even) { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); -} - -.table-zebra tr.active, - .table-zebra tr.active:nth-child(even), - .table-zebra-zebra tbody tr:nth-child(even) { - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); -} - -.table :where(thead tr, tbody tr:not(:last-child),tbody tr:first-child:last-child) { - border-bottom-width: 1px; - --tw-border-opacity: 1; - border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -.table :where(thead, tfoot) { - white-space: nowrap; - font-size: 0.75rem; - line-height: 1rem; - font-weight: 700; - color: var(--fallback-bc,oklch(var(--bc)/0.6)); -} - -.table :where(tfoot) { - border-top-width: 1px; - --tw-border-opacity: 1; - border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); -} - -@keyframes toast-pop { - 0% { - transform: scale(0.9); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } -} - -[dir="rtl"] .toggle { - --handleoffsetcalculator: calc(var(--handleoffset) * 1); -} - -.toggle:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.toggle:hover { - background-color: currentColor; -} - -.toggle:checked, - .toggle[aria-checked="true"] { - background-image: none; - --handleoffsetcalculator: var(--handleoffset); - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); -} - -[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] { - --handleoffsetcalculator: calc(var(--handleoffset) * -1); -} - -.toggle:indeterminate { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -[dir="rtl"] .toggle:indeterminate { - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -.toggle:disabled { - cursor: not-allowed; - --tw-border-opacity: 1; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - background-color: transparent; - opacity: 0.3; - --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, - var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; -} - -.btm-nav-xs > *:where(.active) { - border-top-width: 1px; -} - -.btm-nav-sm > *:where(.active) { - border-top-width: 2px; -} - -.btm-nav-md > *:where(.active) { - border-top-width: 2px; -} - -.btm-nav-lg > *:where(.active) { - border-top-width: 4px; -} - -.btn-sm { - height: 2rem; - min-height: 2rem; - padding-left: 0.75rem; - padding-right: 0.75rem; - font-size: 0.875rem; -} - -.btn-block { - width: 100%; -} - -.btn-square:where(.btn-sm) { - height: 2rem; - width: 2rem; - padding: 0px; -} - -.btn-circle:where(.btn-sm) { - height: 2rem; - width: 2rem; - border-radius: 9999px; - padding: 0px; -} - -.input-sm { - height: 2rem; - padding-left: 0.75rem; - padding-right: 0.75rem; - font-size: 0.875rem; - line-height: 2rem; -} - -.tabs-md :where(.tab) { - height: 2rem; - font-size: 0.875rem; - line-height: 1.25rem; - line-height: 2; - --tab-padding: 1rem; -} - -.tabs-lg :where(.tab) { - height: 3rem; - font-size: 1.125rem; - line-height: 1.75rem; - line-height: 2; - --tab-padding: 1.25rem; -} - -.tabs-sm :where(.tab) { - height: 1.5rem; - font-size: 0.875rem; - line-height: .75rem; - --tab-padding: 0.75rem; -} - -.tabs-xs :where(.tab) { - height: 1.25rem; - font-size: 0.75rem; - line-height: .75rem; - --tab-padding: 0.5rem; -} - -.tooltip { - position: relative; - display: inline-block; - --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)); -} - -.tooltip:before { - position: absolute; - pointer-events: none; - z-index: 1; - content: var(--tw-content); - --tw-content: attr(data-tip); -} - -.tooltip:before, .tooltip-top:before { - transform: translateX(-50%); - top: auto; - left: 50%; - right: auto; - bottom: var(--tooltip-offset); -} - -.tooltip-bottom:before { - transform: translateX(-50%); - top: var(--tooltip-offset); - left: 50%; - right: auto; - bottom: auto; -} - -.tooltip-left:before { - transform: translateY(-50%); - top: 50%; - left: auto; - right: var(--tooltip-offset); - bottom: auto; -} - -.tooltip { - position: relative; - display: inline-block; - text-align: center; - --tooltip-tail: 0.1875rem; - --tooltip-color: var(--fallback-n,oklch(var(--n)/1)); - --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)); - --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail)); -} - -.tooltip:before, -.tooltip:after { - opacity: 0; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-delay: 100ms; - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.tooltip:after { - position: absolute; - content: ""; - border-style: solid; - border-width: var(--tooltip-tail, 0); - width: 0; - height: 0; - display: block; -} - -.tooltip:before { - max-width: 20rem; - border-radius: 0.25rem; - padding-left: 0.5rem; - padding-right: 0.5rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - font-size: 0.875rem; - line-height: 1.25rem; - background-color: var(--tooltip-color); - color: var(--tooltip-text-color); - width: -moz-max-content; - width: max-content; -} - -.tooltip.tooltip-open:before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip.tooltip-open:after { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:hover:before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:hover:after { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:has(:focus-visible):after, -.tooltip:has(:focus-visible):before { - opacity: 1; - transition-delay: 75ms; -} - -.tooltip:not([data-tip]):hover:before, -.tooltip:not([data-tip]):hover:after { - visibility: hidden; - opacity: 0; -} - -.tooltip:after, .tooltip-top:after { - transform: translateX(-50%); - border-color: var(--tooltip-color) transparent transparent transparent; - top: auto; - left: 50%; - right: auto; - bottom: var(--tooltip-tail-offset); -} - -.tooltip-bottom:after { - transform: translateX(-50%); - border-color: transparent transparent var(--tooltip-color) transparent; - top: var(--tooltip-tail-offset); - left: 50%; - right: auto; - bottom: auto; -} - -.tooltip-left:after { - transform: translateY(-50%); - border-color: transparent transparent transparent var(--tooltip-color); - top: 50%; - left: auto; - right: calc(var(--tooltip-tail-offset) + 0.0625rem); - bottom: auto; -} - -.tooltip-secondary { - --tooltip-color: var(--fallback-s,oklch(var(--s)/1)); - --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1)); -} - -/* override daisy ui */ - -.tooltip { - display: revert; -} - -.tooltip:before { - z-index: 20; -} - -.dropdown { - position: revert; -} - -.tab:is(input[type="radio"]) { - border-bottom-right-radius: var(--rounded-btn, 0.5rem); - border-bottom-left-radius: var(--rounded-btn, 0.5rem); -} - -.collapse { - border-radius: 0px; -} - -.collapse-title { - min-height: 0px; - padding: 0px; -} - -.collapse-content { - cursor: pointer !important; - padding-bottom: 0px !important; -} - -/* my components */ - -.header { - width: 100%; - text-align: center; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 600; - text-decoration-line: underline; -} - -.panel { - border-width: 1px; - --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); - padding: 0.5rem; -} - -.collapse { - visibility: collapse; -} - -.static { - position: static; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.bottom-0 { - bottom: 0px; -} - -.bottom-10 { - bottom: 2.5rem; -} - -.left-0 { - left: 0px; -} - -.left-2 { - left: 0.5rem; -} - -.right-1 { - right: 0.25rem; -} - -.right-2 { - right: 0.5rem; -} - -.top-0 { - top: 0px; -} - -.top-1 { - top: 0.25rem; -} - -.top-10 { - top: 2.5rem; -} - -.top-2 { - top: 0.5rem; -} - -.top-3 { - top: 0.75rem; -} - -.top-40 { - top: 10rem; -} - -.top-\[180px\] { - top: 180px; -} - -.z-10 { - z-index: 10; -} - -.m-2 { - margin: 0.5rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-auto { - margin-top: auto; - margin-bottom: auto; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.mt-5 { - margin-top: 1.25rem; -} - -.box-content { - box-sizing: content-box; -} - -.block { - display: block; -} - -.inline-block { - display: inline-block; -} - -.inline { - display: inline; -} - -.flex { - display: flex; -} - -.table { - display: table; -} - -.hidden { - display: none; -} - -.h-10 { - height: 2.5rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-4 { - height: 1rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-8 { - height: 2rem; -} - -.h-\[18\%\] { - height: 18%; -} - -.h-full { - height: 100%; -} - -.h-screen { - height: 100vh; -} - -.min-h-0 { - min-height: 0px; -} - -.min-h-\[218px\] { - min-height: 218px; -} - -.min-h-\[268px\] { - min-height: 268px; -} - -.w-10 { - width: 2.5rem; -} - -.w-16 { - width: 4rem; -} - -.w-2 { - width: 0.5rem; -} - -.w-24 { - width: 6rem; -} - -.w-4 { - width: 1rem; -} - -.w-52 { - width: 13rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-60 { - width: 15rem; -} - -.w-72 { - width: 18rem; -} - -.w-8 { - width: 2rem; -} - -.w-full { - width: 100%; -} - -.min-w-36 { - min-width: 9rem; -} - -.max-w-40 { - max-width: 10rem; -} - -.max-w-\[144px\] { - max-width: 144px; -} - -.grow { - flex-grow: 1; -} - -.grow-0 { - flex-grow: 0; -} - -.border-separate { - border-collapse: separate; -} - -.border-spacing-0 { - --tw-border-spacing-x: 0px; - --tw-border-spacing-y: 0px; - border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); -} - -.transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.cursor-not-allowed { - cursor: not-allowed; -} - -.cursor-pointer { - cursor: pointer; -} - -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.list-disc { - list-style-type: disc; -} - -.flex-row { - flex-direction: row; -} - -.flex-col { - flex-direction: column; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.items-start { - align-items: flex-start; -} - -.items-end { - align-items: flex-end; -} - -.items-center { - align-items: center; -} - -.justify-start { - justify-content: flex-start; -} - -.justify-center { - justify-content: center; -} - -.gap-0 { - gap: 0px; -} - -.gap-1 { - gap: 0.25rem; -} - -.gap-2 { - gap: 0.5rem; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-5 { - gap: 1.25rem; -} - -.self-center { - align-self: center; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.overflow-x-scroll { - overflow-x: scroll; -} - -.overflow-y-scroll { - overflow-y: scroll; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.text-wrap { - text-wrap: wrap; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-2xl { - border-radius: 1rem; -} - -.rounded-box { - border-radius: var(--rounded-box, 1rem); -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.border { - border-width: 1px; -} - -.border-3 { - border-width: 3px; -} - -.border-l { - border-left-width: 1px; -} - -.border-t { - border-top-width: 1px; -} - -.border-error { - --tw-border-opacity: 1; - border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); -} - -.border-neutral { - --tw-border-opacity: 1; - border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); -} - -.border-suit-military { - --tw-border-opacity: 1; - border-color: rgb(223 71 71 / var(--tw-border-opacity)); -} - -.border-suit-noble { - --tw-border-opacity: 1; - border-color: rgb(224 189 22 / var(--tw-border-opacity)); -} - -.border-suit-religious { - --tw-border-opacity: 1; - border-color: rgb(75 203 214 / var(--tw-border-opacity)); -} - -.border-suit-trade { - --tw-border-opacity: 1; - border-color: rgb(104 189 126 / var(--tw-border-opacity)); -} - -.border-suit-unique { - --tw-border-opacity: 1; - border-color: rgb(169 107 244 / var(--tw-border-opacity)); -} - -.border-transparent { - border-color: transparent; -} - -.bg-\[rgba\(30\2c 30\2c 30\2c 0\.5\)\] { - background-color: rgba(30,30,30,0.5); -} - -.bg-base-100 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); -} - -.bg-base-200 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); -} - -.bg-base-300 { - --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); -} - -.bg-neutral { - --tw-bg-opacity: 1; - background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); -} - -.bg-suit-military { - --tw-bg-opacity: 1; - background-color: rgb(223 71 71 / var(--tw-bg-opacity)); -} - -.bg-suit-noble { - --tw-bg-opacity: 1; - background-color: rgb(224 189 22 / var(--tw-bg-opacity)); -} - -.bg-suit-religious { - --tw-bg-opacity: 1; - background-color: rgb(75 203 214 / var(--tw-bg-opacity)); -} - -.bg-suit-trade { - --tw-bg-opacity: 1; - background-color: rgb(104 189 126 / var(--tw-bg-opacity)); -} - -.bg-suit-unique { - --tw-bg-opacity: 1; - background-color: rgb(169 107 244 / var(--tw-bg-opacity)); -} - -.bg-gradient-radial { - background-image: radial-gradient(var(--tw-gradient-stops)); -} - -.from-indigo-400 { - --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-indigo-500 { - --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.fill-current { - fill: currentColor; -} - -.p-0 { - padding: 0px; -} - -.p-1 { - padding: 0.25rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-4 { - padding: 1rem; -} - -.p-7 { - padding: 1.75rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.text-center { - text-align: center; -} - -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} - -.text-5xl { - font-size: 3rem; - line-height: 1; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.font-semibold { - font-weight: 600; -} - -.italic { - font-style: italic; -} - -.text-base-content { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-neutral-content { - --tw-text-opacity: 1; - color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.underline { - text-decoration-line: underline; -} - -.decoration-suit-military { - text-decoration-color: rgb(223, 71, 71); -} - -.decoration-suit-noble { - text-decoration-color: rgb(224, 189, 22); -} - -.decoration-suit-religious { - text-decoration-color: rgb(75, 203, 214); -} - -.decoration-suit-trade { - text-decoration-color: rgb(104, 189, 126); -} - -.decoration-suit-unique { - text-decoration-color: rgb(169, 107, 244); -} - -.opacity-0 { - opacity: 0; -} - -.opacity-100 { - opacity: 1; -} - -.opacity-60 { - opacity: 0.6; -} - -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.saturate-0 { - --tw-saturate: saturate(0); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -/* - * This is a workaround for mobile, so that scroll - * and other gestures don't interfere with dragging - * https://github.com/taye/interact.js/issues/595#issuecomment-372888571 - */ - -.draggable { - cursor: grab !important; - touch-action: none !important; -} - -.dragging { - cursor: grabbing !important; - z-index: 1000 !important; -} - -@media (hover: hover) { - .hover\:btn-accent:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .hover\:btn-accent:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .hover\:btn-error:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-error:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .hover\:btn-error:hover.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-error:hover.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .hover\:btn-accent:hover { - --btn-color: var(--fallback-a); - } - - .hover\:btn-error:hover { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .hover\:btn-accent:hover.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .hover\:btn-error:hover.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .hover\:btn-accent:hover { - --btn-color: var(--a); - } - - .hover\:btn-error:hover { - --btn-color: var(--er); - } -} - -.hover\:btn-accent:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.hover\:btn-error:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.hover\:btn-accent:hover.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.hover\:btn-accent:hover.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.hover\:btn-error:hover.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.hover\:btn-error:hover.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -@media (hover: hover) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .has-\[\:checked\]\:btn-accent:has(:checked) { - --btn-color: var(--fallback-a); - } - - .has-\[\:checked\]\:btn-error:has(:checked) { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .has-\[\:checked\]\:btn-accent:has(:checked) { - --btn-color: var(--a); - } - - .has-\[\:checked\]\:btn-error:has(:checked) { - --btn-color: var(--er); - } -} - -.has-\[\:checked\]\:btn-accent:has(:checked) { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.has-\[\:checked\]\:btn-error:has(:checked) { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-accent:has(:checked).btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-error:has(:checked).btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.has-\[\:checked\]\:btn-error:has(:checked).btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -@media (hover: hover) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - } - - @supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline:hover { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } - } -} - -@supports not (color: oklch(0% 0 0)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --btn-color: var(--fallback-a); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --btn-color: var(--fallback-er); - } -} - -@supports (color: color-mix(in oklab, black, black)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { - background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black); - } -} - -@supports (color: oklch(0% 0 0)) { - .group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --btn-color: var(--a); - } - - .group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --btn-color: var(--er); - } -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); - outline-color: var(--fallback-a,oklch(var(--a)/1)); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); - outline-color: var(--fallback-er,oklch(var(--er)/1)); -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); -} - -.group:has([value='Always']) .group-has-\[\[value\=\'Always\'\]\]\:btn-accent.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline { - --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); -} - -.group:has([value='Never']) .group-has-\[\[value\=\'Never\'\]\]\:btn-error.btn-outline.btn-active { - --tw-text-opacity: 1; - color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); -} - -.before\:w-full::before { - content: var(--tw-content); - width: 100%; -} - -.before\:max-w-\[155px\]::before { - content: var(--tw-content); - max-width: 155px; -} - -.before\:max-w-full::before { - content: var(--tw-content); - max-width: 100%; -} - -.first\:border-t-0:first-child { - border-top-width: 0px; -} - -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.peer:checked ~ .peer-checked\:border { - border-width: 1px; -} - -.peer:checked ~ .peer-checked\:border-4 { - border-width: 4px; -} - -.peer:checked ~ .peer-checked\:border-success { - --tw-border-opacity: 1; - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); -} - -.peer:checked ~ .peer-checked\:from-indigo-400 { - --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.peer:checked ~ .peer-checked\:p-0 { - padding: 0px; -} - -.peer:checked ~ .peer-checked\:saturate-100 { - --tw-saturate: saturate(1); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.has-\[\:checked\]\:border:has(:checked) { - border-width: 1px; -} - -.has-\[\:checked\]\:border-4:has(:checked) { - border-width: 4px; -} - -.has-\[\:checked\]\:border-success:has(:checked) { - --tw-border-opacity: 1; - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); -} - -.has-\[\:checked\]\:p-0:has(:checked) { - padding: 0px; -} - -.has-\[\:focus-visible\]\:ring-4:has(:focus-visible) { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} diff --git a/supabase/.gitignore b/supabase/.gitignore new file mode 100644 index 0000000..a3ad880 --- /dev/null +++ b/supabase/.gitignore @@ -0,0 +1,4 @@ +# Supabase +.branches +.temp +.env diff --git a/supabase/config.toml b/supabase/config.toml new file mode 100644 index 0000000..6289a72 --- /dev/null +++ b/supabase/config.toml @@ -0,0 +1,134 @@ +# A string used to distinguish different Supabase projects on the same host. Defaults to the +# working directory name when running `supabase init`. +project_id = "citadels" + +[api] +enabled = true +# Port to use for the API URL. +port = 54321 +# Schemas to expose in your API. Tables, views and stored procedures in this schema will get API +# endpoints. `public` is always included. +schemas = ["public", "graphql_public"] +# Extra schemas to add to the search_path of every request. `public` is always included. +extra_search_path = ["public", "extensions"] +# The maximum number of rows returns from a view, table, or stored procedure. Limits payload size +# for accidental or malicious requests. +max_rows = 100 + +[db] +# Port to use for the local database URL. +port = 54322 +# Port used by db diff command to initialize the shadow database. +shadow_port = 54320 +# The database major version to use. This has to be the same as your remote database's. Run `SHOW +# server_version;` on the remote database to check. +major_version = 15 + +[db.pooler] +enabled = false +# Port to use for the local connection pooler. +port = 54329 +# Specifies when a server connection can be reused by other clients. +# Configure one of the supported pooler modes: `transaction`, `session`. +pool_mode = "transaction" +# How many server connections to allow per user/database pair. +default_pool_size = 20 +# Maximum number of client connections allowed. +max_client_conn = 100 + +[realtime] +enabled = true +# Bind realtime via either IPv4 or IPv6. (default: IPv4) +# ip_version = "IPv6" +# The maximum length in bytes of HTTP request headers. (default: 4096) +# max_header_length = 4096 + +[studio] +enabled = true +# Port to use for Supabase Studio. +port = 54323 +# External URL of the API server that frontend connects to. +api_url = "http://127.0.0.1" +# OpenAI API Key to use for Supabase AI in the Supabase Studio. +openai_api_key = "env(OPENAI_API_KEY)" + +# Email testing server. Emails sent with the local dev setup are not actually sent - rather, they +# are monitored, and you can view the emails that would have been sent from the web interface. +[inbucket] +enabled = true +# Port to use for the email testing server web interface. +port = 54324 +# Uncomment to expose additional ports for testing user applications that send emails. +# smtp_port = 54325 +# pop3_port = 54326 + +[storage] +enabled = true +# The maximum file size allowed (e.g. "5MB", "500KB"). +file_size_limit = "50MiB" + +[storage.image_transformation] +enabled = true + +[auth] +enabled = true +# The base URL of your website. Used as an allow-list for redirects and for constructing URLs used +# in emails. +site_url = "http://127.0.0.1:3000" +# A list of *exact* URLs that auth providers are permitted to redirect to post authentication. +additional_redirect_urls = ["https://127.0.0.1:3000"] +# How long tokens are valid for, in seconds. Defaults to 3600 (1 hour), maximum 604,800 (1 week). +jwt_expiry = 3600 +# If disabled, the refresh token will never expire. +enable_refresh_token_rotation = true +# Allows refresh tokens to be reused after expiry, up to the specified interval in seconds. +# Requires enable_refresh_token_rotation = true. +refresh_token_reuse_interval = 10 +# Allow/disallow new user signups to your project. +enable_signup = true +# Allow/disallow anonymous sign-ins to your project. +enable_anonymous_sign_ins = false +# Allow/disallow testing manual linking of accounts +enable_manual_linking = false + +[auth.email] +# Allow/disallow new user signups via email to your project. +enable_signup = true +# If enabled, a user will be required to confirm any email change on both the old, and new email +# addresses. If disabled, only the new email is required to confirm. +double_confirm_changes = true +# If enabled, users need to confirm their email address before signing in. +enable_confirmations = false +# Controls the minimum amount of time that must pass before sending another signup confirmation or password reset email. +max_frequency = "5s" + +# Uncomment to customize email template +# [auth.email.template.invite] +# subject = "You have been invited" +# content_path = "./supabase/templates/invite.html" + +[auth.sms] +# Allow/disallow new user signups via SMS to your project. +enable_signup = true +# If enabled, users need to confirm their phone number before signing in. +enable_confirmations = true +# Template for sending OTP to users +template = "Your code is {{ .Code }} ." +# Controls the minimum amount of time that must pass before sending another sms otp. +max_frequency = "5s" + +# Use pre-defined map of phone number to OTP for testing. +# [auth.sms.test_otp] +# 4152127777 = "123456" + +# This hook runs before a token is issued and allows you to add additional claims based on the authentication method used. +# [auth.hook.custom_access_token] +# enabled = true +# uri = "pg-functions:////" + +[analytics] +enabled = false +port = 54327 +vector_port = 54328 +# supported backends: `postgres`, `bigquery`. +backend = "postgres" diff --git a/supabase/migrations/20240512200629_remote_schema.sql b/supabase/migrations/20240512200629_remote_schema.sql new file mode 100644 index 0000000..c076f0c --- /dev/null +++ b/supabase/migrations/20240512200629_remote_schema.sql @@ -0,0 +1,206 @@ + +SET statement_timeout = 0; +SET lock_timeout = 0; +SET idle_in_transaction_session_timeout = 0; +SET client_encoding = 'UTF8'; +SET standard_conforming_strings = on; +SELECT pg_catalog.set_config('search_path', '', false); +SET check_function_bodies = false; +SET xmloption = content; +SET client_min_messages = warning; +SET row_security = off; + +CREATE EXTENSION IF NOT EXISTS "pg_net" WITH SCHEMA "extensions"; + +CREATE EXTENSION IF NOT EXISTS "pgsodium" WITH SCHEMA "pgsodium"; + +COMMENT ON SCHEMA "public" IS 'standard public schema'; + +CREATE EXTENSION IF NOT EXISTS "pg_graphql" WITH SCHEMA "graphql"; + +CREATE EXTENSION IF NOT EXISTS "pg_stat_statements" WITH SCHEMA "extensions"; + +CREATE EXTENSION IF NOT EXISTS "pgcrypto" WITH SCHEMA "extensions"; + +CREATE EXTENSION IF NOT EXISTS "pgjwt" WITH SCHEMA "extensions"; + +CREATE EXTENSION IF NOT EXISTS "supabase_vault" WITH SCHEMA "vault"; + +CREATE EXTENSION IF NOT EXISTS "uuid-ossp" WITH SCHEMA "extensions"; + +SET default_tablespace = ''; + +SET default_table_access_method = "heap"; + +CREATE TABLE IF NOT EXISTS "public"."game_districts" ( + "positions" "jsonb" DEFAULT '{}'::"jsonb" NOT NULL, + "game_id" bigint NOT NULL, + "user_id" "uuid" DEFAULT "auth"."uid"() NOT NULL +); + +ALTER TABLE "public"."game_districts" OWNER TO "postgres"; + +CREATE TABLE IF NOT EXISTS "public"."game_hands" ( + "game_id" bigint NOT NULL, + "user_id" "uuid" DEFAULT "auth"."uid"() NOT NULL, + "districts" "text"[] NOT NULL +); + +ALTER TABLE "public"."game_hands" OWNER TO "postgres"; + +CREATE TABLE IF NOT EXISTS "public"."games" ( + "id" bigint NOT NULL, + "state" "jsonb" NOT NULL, + "ended_at" timestamp with time zone, + "started_at" timestamp with time zone DEFAULT "now"() NOT NULL, + "version" bigint NOT NULL +); + +ALTER TABLE "public"."games" OWNER TO "postgres"; + +ALTER TABLE "public"."games" ALTER COLUMN "id" ADD GENERATED BY DEFAULT AS IDENTITY ( + SEQUENCE NAME "public"."games_id_seq" + START WITH 1 + INCREMENT BY 1 + NO MINVALUE + NO MAXVALUE + CACHE 1 +); + +CREATE TABLE IF NOT EXISTS "public"."profiles" ( + "user_id" "uuid" DEFAULT "auth"."uid"() NOT NULL, + "created_at" timestamp with time zone DEFAULT "now"() NOT NULL, + "username" character varying NOT NULL +); + +ALTER TABLE "public"."profiles" OWNER TO "postgres"; + +CREATE TABLE IF NOT EXISTS "public"."rooms" ( + "id" "uuid" DEFAULT "gen_random_uuid"() NOT NULL, + "created_at" timestamp with time zone DEFAULT "now"() NOT NULL, + "game_id" bigint, + "game_config" "jsonb" NOT NULL, + "host_id" "uuid" DEFAULT "auth"."uid"() NOT NULL, + "player_ids" "text"[] DEFAULT '{auth.uid()::text}'::"text"[] NOT NULL +); + +ALTER TABLE "public"."rooms" OWNER TO "postgres"; + +ALTER TABLE ONLY "public"."game_districts" + ADD CONSTRAINT "game_districts_pkey" PRIMARY KEY ("game_id", "user_id"); + +ALTER TABLE ONLY "public"."game_hands" + ADD CONSTRAINT "game_hands_pkey" PRIMARY KEY ("game_id", "user_id"); + +ALTER TABLE ONLY "public"."games" + ADD CONSTRAINT "games_pkey" PRIMARY KEY ("id"); + +ALTER TABLE ONLY "public"."profiles" + ADD CONSTRAINT "profiles_pkey" PRIMARY KEY ("user_id"); + +ALTER TABLE ONLY "public"."profiles" + ADD CONSTRAINT "profiles_username_key" UNIQUE ("username"); + +ALTER TABLE ONLY "public"."rooms" + ADD CONSTRAINT "rooms_owner_id_key" UNIQUE ("host_id"); + +ALTER TABLE ONLY "public"."rooms" + ADD CONSTRAINT "rooms_pkey" PRIMARY KEY ("id"); + +ALTER TABLE ONLY "public"."game_districts" + ADD CONSTRAINT "game_districts_game_id_fkey" FOREIGN KEY ("game_id") REFERENCES "public"."games"("id"); + +ALTER TABLE ONLY "public"."game_districts" + ADD CONSTRAINT "game_districts_user_id_fkey1" FOREIGN KEY ("user_id") REFERENCES "public"."profiles"("user_id"); + +ALTER TABLE ONLY "public"."game_hands" + ADD CONSTRAINT "game_hands_game_id_fkey" FOREIGN KEY ("game_id") REFERENCES "public"."games"("id"); + +ALTER TABLE ONLY "public"."game_hands" + ADD CONSTRAINT "game_hands_user_id_fkey1" FOREIGN KEY ("user_id") REFERENCES "public"."profiles"("user_id"); + +ALTER TABLE ONLY "public"."profiles" + ADD CONSTRAINT "profiles_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "auth"."users"("id") ON DELETE CASCADE; + +ALTER TABLE ONLY "public"."rooms" + ADD CONSTRAINT "rooms_game_id_fkey" FOREIGN KEY ("game_id") REFERENCES "public"."games"("id"); + +ALTER TABLE ONLY "public"."rooms" + ADD CONSTRAINT "rooms_host_id_fkey1" FOREIGN KEY ("host_id") REFERENCES "public"."profiles"("user_id"); + +CREATE POLICY "Anyone can view" ON "public"."rooms" AS RESTRICTIVE FOR SELECT USING (true); + +CREATE POLICY "Anyone can view city district positions" ON "public"."game_districts" FOR SELECT USING (true); + +CREATE POLICY "Owner can close room" ON "public"."rooms" FOR DELETE USING (("host_id" = "auth"."uid"())); + +CREATE POLICY "Owner can create room" ON "public"."rooms" FOR INSERT WITH CHECK (("host_id" = "auth"."uid"())); + +CREATE POLICY "Owner can move districts in their city" ON "public"."game_districts" FOR UPDATE USING (("user_id" = "auth"."uid"())); + +CREATE POLICY "Owner can update room ( to kick players)" ON "public"."rooms" AS RESTRICTIVE FOR UPDATE USING (("host_id" = "auth"."uid"())); + +CREATE POLICY "Owner can view their hands" ON "public"."game_hands" FOR SELECT USING (("user_id" = "auth"."uid"())); + +ALTER TABLE "public"."game_districts" ENABLE ROW LEVEL SECURITY; + +ALTER TABLE "public"."game_hands" ENABLE ROW LEVEL SECURITY; + +ALTER TABLE "public"."games" ENABLE ROW LEVEL SECURITY; + +ALTER TABLE "public"."profiles" ENABLE ROW LEVEL SECURITY; + +ALTER TABLE "public"."rooms" ENABLE ROW LEVEL SECURITY; + +ALTER PUBLICATION "supabase_realtime" OWNER TO "postgres"; + +GRANT USAGE ON SCHEMA "public" TO "postgres"; +GRANT USAGE ON SCHEMA "public" TO "anon"; +GRANT USAGE ON SCHEMA "public" TO "authenticated"; +GRANT USAGE ON SCHEMA "public" TO "service_role"; + +GRANT ALL ON TABLE "public"."game_districts" TO "anon"; +GRANT ALL ON TABLE "public"."game_districts" TO "authenticated"; +GRANT ALL ON TABLE "public"."game_districts" TO "service_role"; + +GRANT ALL ON TABLE "public"."game_hands" TO "anon"; +GRANT ALL ON TABLE "public"."game_hands" TO "authenticated"; +GRANT ALL ON TABLE "public"."game_hands" TO "service_role"; + +GRANT ALL ON TABLE "public"."games" TO "anon"; +GRANT ALL ON TABLE "public"."games" TO "authenticated"; +GRANT ALL ON TABLE "public"."games" TO "service_role"; + +GRANT ALL ON SEQUENCE "public"."games_id_seq" TO "anon"; +GRANT ALL ON SEQUENCE "public"."games_id_seq" TO "authenticated"; +GRANT ALL ON SEQUENCE "public"."games_id_seq" TO "service_role"; + +GRANT ALL ON TABLE "public"."profiles" TO "anon"; +GRANT ALL ON TABLE "public"."profiles" TO "authenticated"; +GRANT ALL ON TABLE "public"."profiles" TO "service_role"; + +GRANT ALL ON TABLE "public"."rooms" TO "anon"; +GRANT ALL ON TABLE "public"."rooms" TO "authenticated"; +GRANT ALL ON TABLE "public"."rooms" TO "service_role"; + +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON SEQUENCES TO "postgres"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON SEQUENCES TO "anon"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON SEQUENCES TO "authenticated"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON SEQUENCES TO "service_role"; + +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON FUNCTIONS TO "postgres"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON FUNCTIONS TO "anon"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON FUNCTIONS TO "authenticated"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON FUNCTIONS TO "service_role"; + +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON TABLES TO "postgres"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON TABLES TO "anon"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON TABLES TO "authenticated"; +ALTER DEFAULT PRIVILEGES FOR ROLE "postgres" IN SCHEMA "public" GRANT ALL ON TABLES TO "service_role"; + +RESET ALL; + +-- +-- Dumped schema changes for auth and storage +-- + diff --git a/supabase/seed.sql b/supabase/seed.sql new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/supabase/seed.sql @@ -0,0 +1 @@ + From 2a2ff5f0f2edea9e11b5e377f15e24c467181ad8 Mon Sep 17 00:00:00 2001 From: Charles Taylor Date: Fri, 17 May 2024 21:13:29 -0400 Subject: [PATCH 8/9] Idiomorph tag --- templates/base.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/base.html b/templates/base.html index ec1268c..157a8ac 100644 --- a/templates/base.html +++ b/templates/base.html @@ -15,7 +15,7 @@ Working around an idiomorph bug: https://github.com/bigskysoftware/idiomorph/pull/32 --> - +